summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDevaev Maxim <[email protected]>2018-07-23 16:12:57 +0300
committerDevaev Maxim <[email protected]>2018-07-23 16:12:57 +0300
commit70b7f73e2063cdb61f1d31a8edf679f4f264e008 (patch)
tree08ac8d3c2c41ab6ea47b4eaa5f63df90bb0e0dae
parentd92286ded73a122916359f724986400ccef5af9d (diff)
refactoring
-rw-r--r--kvmd/web/css/main.css26
-rw-r--r--kvmd/web/index.html11
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);">&bull; Switch drive to KVM</button><button disabled data-force-hide-menu id="msd-switch-to-server-button" class="second-bottom" onclick="msd.clickButton(this);">&bull; 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);">&bull; Switch drive to KVM</button>
+ <button disabled data-force-hide-menu id="msd-switch-to-server-button" class="row50" onclick="msd.clickButton(this);">&bull; Switch drive to Server</button>
+ </div>
</div>
</div>
</li>