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

pikvm/pikvm#631: option to hide navbar

Browse Source
This commit is contained in:
Maxim Devaev
2022-08-01 18:39:36 +03:00
parent 9c5fd210f2
commit 241bd6e19a
4 changed files with 55 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -74,6 +74,16 @@ div.window:-webkit-full-screen {
height: 100% !important;
padding: 0px !important;
}
div.window.window-full-tab {
border: 0px;
border-radius: 0px;
resize: none !important;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
padding: 0px !important;
}
div.window div.window-header {
overflow: hidden;
@@ -112,6 +122,7 @@ div.window div.window-header-grabbed {
}
div.window div.window-header button.window-button-full-screen,
div.window div.window-header button.window-button-enter-full-tab,
div.window div.window-header button.window-button-original,
div.window div.window-header button.window-button-maximize,
div.window div.window-header button.window-button-close {
@@ -126,6 +137,9 @@ div.window div.window-header button.window-button-close {
display: inline-block;
}
div.window div.window-header button.window-button-full-screen {
right: 180px;
}
div.window div.window-header button.window-button-enter-full-tab {
right: 135px;
}
div.window div.window-header button.window-button-original {
@@ -138,6 +152,23 @@ div.window div.window-header button.window-button-close {
right: 0px;
}
div.window button.window-button-exit-full-tab {
width: 50px;
height: 10px;
left: calc(50% - 25px);
font-size: 8px;
position: absolute;
opacity: 0.5;
border-radius: 0px;
visibility: hidden;
}
div.window button.window-button-exit-full-tab:hover {
opacity: 1;
}
div.window.window-full-tab button.window-button-exit-full-tab {
visibility: visible !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* iPad */
div.window {
@@ -150,6 +181,9 @@ div.window div.window-header button.window-button-close {
height: 35px !important;
}
div.window div.window-header button.window-button-full-screen,
div.window div.window-header button.window-button-enter-full-tab,
div.window div.window-header button.window-button-original,
div.window div.window-header button.window-button-maximize,
div.window div.window-header button.window-button-close {
height: 40px !important;
}