web: improved resizer

3 files changed, 17 insertions, 7 deletions

diff --git a/web/share/css/kvm/stream.css b/web/share/css/kvm/stream.css
index 9cbd608f..499c65b7 100644
--- a/web/share/css/kvm/stream.css
+++ b/web/share/css/kvm/stream.css
@@ -23,6 +23,7 @@
 div#stream-window {
 	min-width: 400px;
 	min-height: 200px;
+	padding-top: 23px;
 }
 
 div#stream-info {
diff --git a/web/share/css/kvm/x-mobile.css b/web/share/css/kvm/x-mobile.css
index d41b9b4f..4c002f83 100644
--- a/web/share/css/kvm/x-mobile.css
+++ b/web/share/css/kvm/x-mobile.css
@@ -36,6 +36,10 @@ div#stream-window {
 	transform: translateX(-50%) !important;
 }
 
+div#stream-window::after {
+	display: none;
+}
+
 div#stream-window-header {
 	display: none !important;
 }
diff --git a/web/share/css/window.css b/web/share/css/window.css
index cbfaf205..80b6ea2e 100644
--- a/web/share/css/window.css
+++ b/web/share/css/window.css
@@ -40,17 +40,16 @@ div.window-resizable {
 div.window-active {
 	border: var(--border-window-active-2px) !important;
 }
-div.window-resizable.window-active::-webkit-resizer {
+div.window-resizable.window-active::after {
+	content: "";
 	width: 0;
 	height: 0;
 	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-bottom-right-radius: 8px; */
-	/* Size does not work */
-	display:block;
-	width: 20px !important;
-	height: 20px !important;
+	right: 0;
+	bottom: 0;
+	position: absolute;
 }
 div.window:fullscreen {
 	border: 0px;
@@ -63,6 +62,9 @@ div.window:fullscreen {
 	height: 100% !important;
 	padding: 0px !important;
 }
+div.window:fullscreen::after {
+	display: none;
+}
 div.window:-webkit-full-screen {
 	border: 0px;
 	border-radius: 0px;
@@ -74,6 +76,9 @@ div.window:-webkit-full-screen {
 	height: 100% !important;
 	padding: 0px !important;
 }
+div.window:-webkit-full-screen::after {
+	display: none;
+}
 div.window.window-full-tab {
 	border: 0px;
 	border-radius: 0px;