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

web: improved resizer

Browse Source
This commit is contained in:
Maxim Devaev 2022-11-21 05:20:03 +03:00
parent 9e26141783
commit 0d086c2c4a
3 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/share/css/kvm/stream.css
View File

@ -23,6 +23,7 @@
div#stream-window { div#stream-window {
min-width: 400px; min-width: 400px;
min-height: 200px; min-height: 200px;
padding-top: 23px;
} }
div#stream-info { div#stream-info {

4
web/share/css/kvm/x-mobile.css
View File

@ -36,6 +36,10 @@ div#stream-window {
transform: translateX(-50%) !important; transform: translateX(-50%) !important;
} }
div#stream-window::after {
display: none;
}
div#stream-window-header { div#stream-window-header {
display: none !important; display: none !important;
} }

19
web/share/css/window.css
View File

@ -40,17 +40,16 @@ div.window-resizable {
div.window-active { div.window-active {
border: var(--border-window-active-2px) !important; border: var(--border-window-active-2px) !important;
} }
div.window-resizable.window-active::-webkit-resizer { div.window-resizable.window-active::after {
content: "";
width: 0; width: 0;
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 0 0 20px 20px; border-width: 0 0 15px 15px;
border-color: transparent transparent var(--cs-corner-bg) transparent; border-color: transparent transparent var(--cs-corner-bg) transparent;
/* border-bottom-right-radius: 8px; */ right: 0;
/* Size does not work */ bottom: 0;
display:block; position: absolute;
width: 20px !important;
height: 20px !important;
} }
div.window:fullscreen { div.window:fullscreen {
border: 0px; border: 0px;
@ -63,6 +62,9 @@ div.window:fullscreen {
height: 100% !important; height: 100% !important;
padding: 0px !important; padding: 0px !important;
} }
div.window:fullscreen::after {
display: none;
}
div.window:-webkit-full-screen { div.window:-webkit-full-screen {
border: 0px; border: 0px;
border-radius: 0px; border-radius: 0px;
@ -74,6 +76,9 @@ div.window:-webkit-full-screen {
height: 100% !important; height: 100% !important;
padding: 0px !important; padding: 0px !important;
} }
div.window:-webkit-full-screen::after {
display: none;
}
div.window.window-full-tab { div.window.window-full-tab {
border: 0px; border: 0px;
border-radius: 0px; border-radius: 0px;