diff options
author | Devaev Maxim <[email protected]> | 2018-07-23 16:12:57 +0300 |
---|---|---|
committer | Devaev Maxim <[email protected]> | 2018-07-23 16:12:57 +0300 |
commit | 70b7f73e2063cdb61f1d31a8edf679f4f264e008 (patch) | |
tree | 08ac8d3c2c41ab6ea47b4eaa5f63df90bb0e0dae | |
parent | d92286ded73a122916359f724986400ccef5af9d (diff) |
refactoring
-rw-r--r-- | kvmd/web/css/main.css | 26 | ||||
-rw-r--r-- | kvmd/web/index.html | 11 |
2 files changed, 19 insertions, 18 deletions
diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css index 11bd14a2..d0f4936a 100644 --- a/kvmd/web/css/main.css +++ b/kvmd/web/css/main.css @@ -79,6 +79,7 @@ ul#ctl li a.ctl-item:hover:not(.active) { background-color: var(--bg-color-hovered); } div.ctl-dropdown-content { + overflow: hidden; user-select: text; white-space: nowrap; border: var(--dark-border); @@ -89,6 +90,11 @@ div.ctl-dropdown-content { box-shadow: var(--big-shadow); z-index: 9; } +div.ctl-dropdown-content div.buttons-row { + margin: 0; + padding: 0; + font-size: 0; +} div.ctl-dropdown-content button { box-shadow: none; border: none; @@ -103,9 +109,6 @@ div.ctl-dropdown-content button { outline: none; cursor: pointer; } -div.ctl-dropdown-content button:last-child { - border-radius: 0 0 7px 7px; -} div.ctl-dropdown-content button:enabled:hover { color: var(--fg-color-intensive); background-color: var(--bg-color-dark) !important; @@ -117,25 +120,16 @@ div.ctl-dropdown-content button:disabled { div.ctl-dropdown-content button:active { color: var(--fg-color-selected) !important; } -div.ctl-dropdown-content button.first { +div.ctl-dropdown-content button.row50 { display: inline-block; width: 50%; } -div.ctl-dropdown-content button.second-half { +div.ctl-dropdown-content button.row25 { display: inline-block; width: 25%; - border-left: var(--dark-border); } -div.ctl-dropdown-content button.first-bottom { - display: inline-block; - width: 50%; - border-radius: 0 0 0 7px; -} -div.ctl-dropdown-content button.second-bottom { - display: inline-block; - width: 50%; +div.ctl-dropdown-content button.row50:not(:first-child), button.row25:not(:first-child) { border-left: var(--dark-border); - border-radius: 0 0 7px 0; } div.ctl-dropdown-content hr { margin: 0; @@ -267,7 +261,7 @@ ul#bottom { padding: 0; font-size: 0.7em; color: var(--fg-color-inactive); - z-index: -1; + z-index: -10; } ul#bottom li { padding: 0 10px; diff --git a/kvmd/web/index.html b/kvmd/web/index.html index 1e65ec78..295c8f22 100644 --- a/kvmd/web/index.html +++ b/kvmd/web/index.html @@ -126,7 +126,11 @@ <hr> <input type="file" id="msd-select-new-image-file" style="display:none;" onchange="msd.selectNewImageFile()" /> - <button disabled id="msd-select-new-image-button" class="first" onclick="document.getElementById('msd-select-new-image-file').click();">Upload new image</button><button disabled id="msd-upload-new-image-button" class="second-half" onclick="msd.clickButton(this);">Start</button><button disabled id="msd-abort-uploading-button" class="second-half" onclick="msd.clickButton(this);">Abort</button> + <div class="buttons-row"> + <button disabled id="msd-select-new-image-button" class="row50" onclick="document.getElementById('msd-select-new-image-file').click();">Upload new image</button> + <button disabled id="msd-upload-new-image-button" class="row25" onclick="msd.clickButton(this);">Start</button> + <button disabled id="msd-abort-uploading-button" class="row25" onclick="msd.clickButton(this);">Abort</button> + </div> <hr> <div id="msd-new-image" style="display:none"> @@ -149,7 +153,10 @@ <hr> </div> - <button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="first-bottom" onclick="msd.clickButton(this);">• Switch drive to KVM</button><button disabled data-force-hide-menu id="msd-switch-to-server-button" class="second-bottom" onclick="msd.clickButton(this);">• Switch drive to Server</button> + <div class="buttons-row"> + <button disabled data-force-hide-menu id="msd-switch-to-kvm-button" class="row50" onclick="msd.clickButton(this);">• Switch drive to KVM</button> + <button disabled data-force-hide-menu id="msd-switch-to-server-button" class="row50" onclick="msd.clickButton(this);">• Switch drive to Server</button> + </div> </div> </div> </li> |