From c7d096a0e5b9de898a86c59cf2614ee7ba17614e Mon Sep 17 00:00:00 2001 From: Habetdin <15926758+Habetdin@users.noreply.github.com> Date: Fri, 26 Sep 2025 19:29:37 +0300 Subject: [PATCH] [Modern UI] Update Remote Desktop Settings dialog style (#7299) --- public/styles/style-bootstrap.css | 19 +-- views/default3.handlebars | 194 +++++++++++++++++++----------- 2 files changed, 132 insertions(+), 81 deletions(-) diff --git a/public/styles/style-bootstrap.css b/public/styles/style-bootstrap.css index 001bea11..c8faec77 100644 --- a/public/styles/style-bootstrap.css +++ b/public/styles/style-bootstrap.css @@ -622,10 +622,10 @@ body { } -#d7bitmapquality, #d7bitmapquality, #d7bitmapscaling, #d7framelimiter, #d7desktopmode, #d7rdpsize, #d7encoding { - float: right; - width: 200px; - height: 20px; +#d3upload, #d3localmode { + margin: 3px 0 3px 0; + display: flex; + justify-content: space-between; } #dialog7 h4 { @@ -633,16 +633,9 @@ body { border-bottom: 1px solid gray; } -#d7meshkvm div, #d7amtkvm div, #d7rdpkvm div, #d3upload, #d3localmode { - margin: 3px 0 3px 0; - display: flex; - justify-content: space-between; -} - -#d7otherset, #d7rdpflags { +#d7otherset, #d7otherset2, #d7rdpflags { border: 1px solid #666; - width: 230px; - height: 100px; + max-height: 180px; overflow-y: scroll; } diff --git a/views/default3.handlebars b/views/default3.handlebars index cd3e9a17..28933298 100644 --- a/views/default3.handlebars +++ b/views/default3.handlebars @@ -1776,21 +1776,20 @@ -
-
- - - +
+
+ + +
-
+
-
-
Quality
- +
+ +
-
-
Scaling
- @@ -1800,62 +1799,89 @@ +
-
-
Frame rate
- +
-
-
Encoding
- +
-
-
Other Settings
-
- - - - - +
+ Other Settings +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
+
-
+
-
-
Image Encoding
- +
-
-
Other Settings
-
- - - - +
+ Other Settings +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
+
-
+
-
-
Display Size
- @@ -1867,23 +1893,57 @@ +
-
-
Options
-
- - - - - - - - - - - +
+ Options +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
+
@@ -10527,20 +10587,18 @@ } function changeDesktopSettingsTab(evt, tabname) { - // Declare all variables - var i, tabcontent, tablinks; + var i, dialog, tabcontent, tablinks; - // Get all elements with class="tabcontent" and hide them - tabcontent = document.getElementsByClassName('tabcontent'); - for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = 'none'; } + dialog = Q("dialog7"); - // Get all elements with class="tablinks" and remove the class "active" - tablinks = document.getElementsByClassName('tablinks'); + tabcontent = dialog.getElementsByClassName('tab-pane'); + for (i = 0; i < tabcontent.length; i++) { tabcontent[i].className = tabcontent[i].className.replace(' active', ''); } + + tablinks = dialog.getElementsByClassName('nav-link'); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(' active', ''); } - // Show the current tab, and add an "active" class to the button that opened the tab - document.getElementById(tabname).style.display = 'block'; - if (evt != null) { evt.currentTarget.className += ' active'; } else { document.getElementById('t' + tabname).className += ' active'; } + Q(tabname).className += ' active'; + Q('t' + tabname).className += ' active'; } function showDesktopSettingsChanged() {