From 803eabce3d1cf6237533f5d678a790d4bfac6327 Mon Sep 17 00:00:00 2001 From: Doug Davis Date: Tue, 14 Jan 2025 01:39:27 +0000 Subject: [PATCH] tweak the UI and fix an inline bug Signed-off-by: Doug Davis --- registry/httpStuff.go | 57 +++++++++++++++++++++++++++---------------- registry/info.go | 4 +-- 2 files changed, 38 insertions(+), 23 deletions(-) diff --git a/registry/httpStuff.go b/registry/httpStuff.go index 34284e8e..1c7ba789 100644 --- a/registry/httpStuff.go +++ b/registry/httpStuff.go @@ -528,8 +528,8 @@ func (pw *PageWriter) Done() { } if pw.Info.ResourceUID != "" && pw.Info.What == "Entity" { structureButton = fmt.Sprintf(`
- -
+ + `, structuretext) } @@ -539,7 +539,15 @@ func (pw *PageWriter) Done() { applyBtn := "" if options != "" || filters != "" || inlines != "" { - applyBtn = "" + applyBtn = `
+ + + + ` + options + ` + ` + filters + ` + ` + inlines + ` + ` + apply + ` +
` } pw.OldWriter.Write([]byte(fmt.Sprintf(` @@ -560,7 +568,7 @@ func (pw *PageWriter) Done() { } #left { padding: 8 20 8 8 ; - background-color: lightsteelblue; + background-color: #e3e3e3 ; // gainsboro ; // lightsteelblue; white-space: nowrap ; overflow-y: auto ; min-width: fit-content ; @@ -589,15 +597,11 @@ func (pw *PageWriter) Done() { // margin-left: 5px ; } #buttonList { - margin-top: 10px ; - padding-top: 5px ; - display: flex ; - flex-direction: column ; - align-items: start ; - margin-top: -15 ; + // margin-top: 10px ; + // padding-top: 5px ; } #buttonBar { - background-color: lightsteelblue; + background-color: #e3e3e3 ; // lightsteelblue; display: flex ; flex-direction: column ; align-items: start ; @@ -605,19 +609,34 @@ func (pw *PageWriter) Done() { } #structure { display: inline ; - margin-top: 10px ; + margin-top: 10px ; margin-bottom: 10px ; } + fieldset { + // padding: 0 ; + border-width: 2 0 0 2 ; + border-color: black ; + padding: 0 0 0 2 ; + margin-bottom: 10 ; + } + #applyBtn { font-weight: bold ; - align-self: end ; - position: relative ; - top: 20 ; + margin: 0 5 0 5 ; + border-radius: 13px ; + border: 1px solid #407d16 ; + background: #407d16 ; + padding: 5 20 6 20 ; + color: white ; } + #applyBtn:hover { background: #c4c4c4 ; color : black ; } + #applyBtn:active { background: #c4c4c4 ; color : black ; } + #applyBtn:focus { background: darkgray ; color : black ; } + #commit { - background-color: lightsteelblue ; + background-color: #e3e3e3 ; // lightsteelblue ; font-size: 12px ; font-family: courier ; position: fixed ; @@ -657,7 +676,7 @@ func (pw *PageWriter) Done() { padding: 3px ; font-size: 16px ; font-family: courier ; - border-bottom: 4px solid lightsteelblue ; + border-bottom: 4px solid #e3e3e3 ; // lightsteelblue ; } #myOutput { background-color: ghostwhite; @@ -740,10 +759,6 @@ func (pw *PageWriter) Done() { `+roots+`
`+applyBtn+` - `+options+` - `+filters+` - `+inlines+` - `+apply+`