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

pikvm/pikvm#1316: web: keep stream window maximized

Browse Source
This commit is contained in:
Maxim Devaev
2025-05-17 20:42:09 +03:00
parent 53980c0e68
commit 818ff6321e
14 changed files with 293 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -34,6 +34,11 @@ div#stream-window {
width: 100% !important;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
/* Ignore stream's resize_hook() */
aspect-ratio: unset !important;
max-width: unset !important;
max-height: unset !important;
}
div#stream-window::after {

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

@@ -45,6 +45,7 @@
--cs-window-header-grabbed-bg: #436a8a;
--cs-window-header-grabbed-fg: white;
--cs-window-closer-default-fg: #6c7481;
--cs-window-button-special-fg: #009b48;
--cs-code-default-bg: #17191d;
--cs-code-default-fg: #aaaaaa;

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

@@ -40,7 +40,7 @@ div.window-resizable {
div.window-active {
border: var(--border-window-active-2px) !important;
}
div.window-resizable.window-active::after {
div.window-resizable.window-active:not(.window-full-tab)::after {
content: "";
width: 0;
height: 0;
@@ -61,6 +61,11 @@ div.window:fullscreen {
width: 100% !important;
height: 100% !important;
padding: 0px !important;
/* Ignore stream's resize_hook() */
aspect-ratio: unset !important;
max-width: unset !important;
max-height: unset !important;
}
div.window:fullscreen::after {
display: none;
@@ -75,6 +80,11 @@ div.window:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
padding: 0px !important;
/* Ignore stream's resize_hook() */
aspect-ratio: unset !important;
max-width: unset !important;
max-height: unset !important;
}
div.window:-webkit-full-screen::after {
display: none;
@@ -88,6 +98,11 @@ div.window.window-full-tab {
width: 100% !important;
height: 100% !important;
padding: 0px !important;
/* Ignore stream's resize_hook() */
aspect-ratio: unset !important;
max-width: unset !important;
max-height: unset !important;
}
div.window div.window-header {
@@ -126,36 +141,35 @@ div.window div.window-header-grabbed {
border-bottom: var(--border-intensive-thin);
}
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 {
line-height: 1px;
border: none;
div.window div.window-header div.window-buttons {
position: absolute;
top: -2px;
right: 0;
font-size: 0px;
background-color: var(--cs-window-default-bg);
}
div.window div.window-header div.window-buttons button.window-button-full-screen,
div.window div.window-header div.window-buttons button.window-button-enter-full-tab,
div.window div.window-header div.window-buttons button.window-button-original,
div.window div.window-header div.window-buttons button.window-button-maximize,
div.window div.window-header div.window-buttons button.window-button-close {
line-height: 1px;
border: none;
border-radius: 0px;
width: 44px;
height: 24px;
padding-left: 0;
padding-right: 0;
margin-left: 1px;
color: var(--cs-window-closer-default-fg);
display: inline-block;
}
div.window div.window-header button.window-button-full-screen {
right: 180px;
div.window[data-centered] div.window-header div.window-buttons button.window-button-original {
color: var(--cs-window-button-special-fg);
}
div.window div.window-header button.window-button-enter-full-tab {
right: 135px;
}
div.window div.window-header button.window-button-original {
right: 90px;
}
div.window div.window-header button.window-button-maximize {
right: 45px;
}
div.window div.window-header button.window-button-close {
right: 0px;
div.window[data-maximized] div.window-header div.window-buttons button.window-button-maximize {
color: var(--cs-window-button-special-fg);
}
div.window button.window-button-exit-full-tab {