diff options
| author | LV-426 <lv-426@taproot.org.il> | 2015-03-01 15:55:58 +0200 |
|---|---|---|
| committer | LV-426 <lv-426@taproot.org.il> | 2015-03-01 16:03:38 +0200 |
| commit | 258dd8018dab09d2e0985e79bcfeeb7d500cd88a (patch) | |
| tree | 186cc11e965dc951cc74ce7c612c4f2687426bff | |
| parent | 1228457cdb3ea0b7c0c4283ac3f36dad277c1518 (diff) | |
input-bubble:
- rm silly <table>
- add 'type_selection__' prefix
- style keyboard shortcut
- rm unused position directives
| -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"> |