GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-12 01:00:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Devaev Maxim 2018-08-27 11:07:19 +03:00
parent 95ea69d43f
commit 47a077a3b7
3 changed files with 53 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
kvmd/web/css/main.css
View File

@ -23,6 +23,53 @@ hr {
border-top: var(--normal-border);
}
button, select {
box-shadow: none;
border: none;
color: var(--fg-color-normal);
background-color: var(--bg-color-normal);
display: block;
width: 100%;
height: 30px;
font-size: 16px;
outline: none;
cursor: pointer;
}
button:enabled:hover, select:enabled:hover {
color: var(--fg-color-intensive);
background-color: var(--bg-color-dark) !important;
}
button:disabled, select:disabled {
color: var(--fg-color-inactive);
cursor: default;
}
button:active, select:active {
color: var(--fg-color-selected) !important;
}
select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: url("../svg/select-arrow-normal.svg");
background-position: center right;
background-repeat: no-repeat;
}
select:enabled:hover {
background-image: url("../svg/select-arrow-intensive.svg") !important;
}
select:disabled {
background-image: url("../svg/select-arrow-inactive.svg") !important;
}
select:active {
color: var(--fg-color-intensive) !important;
background-color: var(--bg-color-dark) !important;
background-image: url("../svg/select-arrow-intensive.svg") !important;
}
img#logo {
-webkit-filter: invert(0.7);
filter: invert(0.7);
@ -86,58 +133,15 @@ div.ctl-dropdown-content {
box-shadow: var(--big-shadow);
z-index: 2147483645;
}
div.ctl-dropdown-content button, select {
text-align: left;
padding: 0 16px;
}
div.ctl-dropdown-content div.buttons-row {
margin: 0;
padding: 0;
font-size: 0;
}
div.ctl-dropdown-content button, select {
box-shadow: none;
border: none;
color: var(--fg-color-normal);
background-color: var(--bg-color-normal);
display: block;
width: 100%;
height: 30px;
font-size: 16px;
text-align: left;
padding: 0 16px;
outline: none;
cursor: pointer;
}
div.ctl-dropdown-content button:enabled:hover, select:enabled:hover {
color: var(--fg-color-intensive);
background-color: var(--bg-color-dark) !important;
}
div.ctl-dropdown-content button:disabled, select:disabled {
color: var(--fg-color-inactive);
cursor: default;
}
div.ctl-dropdown-content button:active, select:active {
color: var(--fg-color-selected) !important;
}
div.ctl-dropdown-content select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-image: url("../svg/select-arrow-normal.svg");
background-position: center right;
background-repeat: no-repeat;
}
div.ctl-dropdown-content select:enabled:hover {
background-image: url("../svg/select-arrow-intensive.svg") !important;
}
div.ctl-dropdown-content select:disabled {
background-image: url("../svg/select-arrow-inactive.svg") !important;
}
div.ctl-dropdown-content select:active {
color: var(--fg-color-intensive) !important;
background-color: var(--bg-color-dark) !important;
background-image: url("../svg/select-arrow-intensive.svg") !important;
}
div.ctl-dropdown-content .row50 {
display: inline-block;
width: 50%;

4
kvmd/web/css/mobile.css
View File

@ -28,10 +28,10 @@
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
div.ctl-dropdown-content button, select {
button, select {
height: 45px !important;
}
div.ctl-dropdown-content button:enabled:hover, select:enabled:hover {
button:enabled:hover, select:enabled:hover {
color: var(--fg-color-normal) !important;
background-color: var(--bg-color-normal) !important;
}

15
kvmd/web/css/windows.css
View File

@ -46,7 +46,6 @@ div.window-header-grabbed {
}
button.window-button-close {
outline: none;
position: absolute;
top: -2px;
right: -6px;
@ -54,19 +53,5 @@ button.window-button-close {
height: 24px;
padding-left: 0;
color: var(--fg-color-inactive);
background-color: var(--bg-color-normal);
display: inline-block;
border: none;
cursor: pointer;
}
button.window-button-close:hover {
color: var(--fg-color-intensive);
background-color: var(--bg-color-dark) !important;
}
button.window-button-close:disabled {
color: var(--fg-color-inactive);
cursor: default;
}
button.window-button-close:active {
color: var(--fg-color-selected) !important;
}