diff --git a/ccp/css/common.css b/ccp/css/common.css index 223582f..ff2ff62 100644 --- a/ccp/css/common.css +++ b/ccp/css/common.css @@ -6,6 +6,18 @@ display: none !important; } +.noselect{ + user-select: none; +} + +.plexiglass{ + position: absolute; + width:100%; + height:100%; + z-index:1000; + background-color: rgba(0,0,0,.1) +} + .ccp-help-icon { background-color: #ccffff; border: solid 1px #0099cc; @@ -33,3 +45,36 @@ div.ccp-execution-form form:invalid button{ opacity: 0.3; pointer-events: none; } + +.ccp-toolbar-header { + display: inline-flex; + align-items: center; + gap: 5px; + padding: 0.2rem; + min-width: 20rem; +} +.ccp-toolbar-right { + position: absolute; + right: 1rem; +} +.ccp-toolbar-button { + font-weight: bold; + padding: 0.3rem; + line-height: .8rem; + cursor: pointer; +} +.ccp-toolbar-button svg { + display: block; + fill: white; + width: 24px; + height: 24px; + pointer-events: none; +} +.ccp-toolbar-button-small { + padding: 0.1rem !important; + line-height: .6rem !important; +} +.ccp-toolbar-button-small svg { + width: 16px !important; + height: 16px !important; +} \ No newline at end of file diff --git a/ccp/js/executionformcontroller.js b/ccp/js/executionformcontroller.js index 99cfa02..39b6cff 100644 --- a/ccp/js/executionformcontroller.js +++ b/ccp/js/executionformcontroller.js @@ -48,13 +48,6 @@ class CCPExecutionForm extends HTMLElement{ .ccp-execution-form{ position: relative; } - .plexiglass{ - position: absolute; - width:100%; - height:100%; - z-index:1000; - background-color: rgba(0,0,0,.1) - }