refactoring

This commit is contained in:
Devaev Maxim 2018-07-23 16:12:57 +03:00
parent d92286ded7
commit 70b7f73e20
2 changed files with 19 additions and 18 deletions

View File

@ -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;

View File

@ -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>