GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-02-01 18:41:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

better button style

Browse Source
This commit is contained in:
Devaev Maxim
2018-12-19 00:15:14 +03:00
parent 3e7b5bf049
commit 1ee5c81417
5 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/share/css/main.css
View File

@@ -61,10 +61,11 @@ img.svg-gray {
button, select { button, select {
box-shadow: none; box-shadow: none;
border: none; border: var(--border-key-thin);
border-radius: 4px; border-radius: 4px;
color: var(--cs-control-default-fg); color: var(--cs-control-default-fg);
background-color: var(--cs-control-default-bg); background-color: var(--cs-control-default-bg);
box-shadow: var(--shadow-micro);
display: block; display: block;
width: 100%; width: 100%;
height: 30px; height: 30px;
@@ -76,10 +77,12 @@ button, select {
/* If we have a mouse cursor */ /* If we have a mouse cursor */
button:enabled:hover, select:enabled:hover { button:enabled:hover, select:enabled:hover {
color: var(--cs-control-hovered-fg); color: var(--cs-control-hovered-fg);
background-color: var(--cs-control-hovered-bg) !important; background-color: var(--cs-control-hovered-bg);
} }
button:active, select:active { button:active, select:active {
color: var(--cs-control-pressed-fg) !important; color: var(--cs-control-pressed-fg) !important;
background-color: var(--cs-control-pressed-bg) !important;
box-shadow: none;
} }
select:enabled:hover { select:enabled:hover {
background-image: url("../svg/select-arrow-intensive.svg") !important; background-image: url("../svg/select-arrow-intensive.svg") !important;
@@ -154,7 +157,7 @@ div.buttons-row {
.row50:not(:first-child), .row25:not(:first-child), .row16:not(:first-child) { .row50:not(:first-child), .row25:not(:first-child), .row16:not(:first-child) {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-left: var(--border-control-thin); border-left: var(--border-control-thin) !important;
} }
.row50:not(:last-child), .row25:not(:last-child), .row16:not(:last-child) { .row50:not(:last-child), .row25:not(:last-child), .row16:not(:last-child) {
border-top-right-radius: 0; border-top-right-radius: 0;

2
web/share/css/menu.css
View File

@@ -98,6 +98,8 @@ ul#menu li div.menu-item-content-text {
} }
ul#menu li div.menu-item-content button, select { ul#menu li div.menu-item-content button, select {
box-shadow: none;
border: none;
border-radius: 0; border-radius: 0;
text-align: left; text-align: left;
padding: 0 16px; padding: 0 16px;

2
web/share/css/modals.css
View File

@@ -47,6 +47,8 @@ div.modal div.modal-window div.modal-buttons {
} }
div.modal div.modal-window div.modal-buttons button { div.modal div.modal-window div.modal-buttons button {
box-shadow: none;
border: none;
border-radius: 0; border-radius: 0;
height: 40px; height: 40px;
} }

3
web/share/css/vars.css
View File

@@ -6,8 +6,9 @@
--cs-control-default-bg: #36393f; --cs-control-default-bg: #36393f;
--cs-control-default-fg: #c3c3c3; --cs-control-default-fg: #c3c3c3;
--cs-control-intensive-fg: white; --cs-control-intensive-fg: white;
--cs-control-hovered-bg: #17191d; --cs-control-hovered-bg: #202225;
--cs-control-hovered-fg: white; --cs-control-hovered-fg: white;
--cs-control-pressed-bg: #17191d;
--cs-control-pressed-fg: #6c7481; --cs-control-pressed-fg: #6c7481;
--cs-control-disabled-fg: #6c7481; --cs-control-disabled-fg: #6c7481;

1
web/share/css/windows.css
View File

@@ -47,6 +47,7 @@ div.window div.window-header-grabbed {
} }
div.window div.window-header button.window-button-close { div.window div.window-header button.window-button-close {
border: none;
position: absolute; position: absolute;
top: -2px; top: -2px;
right: -6px; right: -6px;