diff options
| -rw-r--r-- | res/client/css/partials/input-bubble.scss | 25 | ||||
| -rw-r--r-- | res/templates/index.html | 11 |
2 files changed, 20 insertions, 16 deletions
diff --git a/res/client/css/partials/input-bubble.scss b/res/client/css/partials/input-bubble.scss index 657e95de..da600921 100644 --- a/res/client/css/partials/input-bubble.scss +++ b/res/client/css/partials/input-bubble.scss @@ -1,15 +1,22 @@ -.typeselection{ - color: $dark-grey; - font-size: $h2-size; - position:fixed; - left:0; - top:-300px; - pointer-events:none; +.type_selection { + color: $dark-grey; + font-size: $h3-size; + position: fixed; // no need for positioning, set via code + pointer-events: none; } -.typeselection td{ +.type_selection__row { + margin-top: 3px; + margin-bottom: 3px; +} + +#type_selection__chosen_type_name { + background-color: #D3D3D3; + border-radius: 3px; + padding: 0 7px; + margin-left: 3px; } #keys{ - opacity: 0.5; + opacity: 0.5; } diff --git a/res/templates/index.html b/res/templates/index.html index d5d8d4ef..bb2378bb 100644 --- a/res/templates/index.html +++ b/res/templates/index.html @@ -105,14 +105,11 @@ var rz_config = { // set as a global variable </div> </div> <div id="graph-view__canvas"></div> - <div class="typeselection" style="display:none"> - <table> - <tr id="intro"><td>Use [Tab] to change node type</td></tr> - <tr id="chosentypelabel"><td>Chosen Type: <span id="chosentypename"/></td></tr> - <tr id="chosentypedesc"><td></td></tr> - </table> + <div class="type_selection" style="display:none"> + <div class="type_selection__row" id="type_selection__intro">Change node type with <span class="kbd-button">Tab</span></div> + <div class="type_selection__row" id="type_selection__chosen_type_label">Chosen Type: <span id="type_selection__chosen_type_name"/></div> + <div class="type_selection__row" id="type_selection__chosen_type_desc"></div> </div> - <div class="debug-ui"> <div class="debug-ui-row"> <div class="debug-ui-left"> |