Correct text and icon alignments in server audit dialog

reduced the width of the server audit dailog as it doesn't need to be so wide by default. set a max-height to max content for server audit dialog Signed-off-by: Banobe Pascal <[email protected]> Change-Id: Ie7fa03d0009a55fb437417959c1f7d941b8c816f
CollaboraOnline · Jan 22, 2025 · 8b7a893 · 8b7a893
1 parent 663fe34
commit 8b7a893
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/browser/css/jsdialogs.css b/browser/css/jsdialogs.css
@@ -541,6 +541,12 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 	white-space: nowrap;
 }
 
+#ServerAuditDialog .ui-treeview-entry {
+	display: grid;
+	grid-template-columns: var(--btn-img-size-m) 6fr 3fr;
+	white-space: normal;
+}
+
 .ui-treeview-expanded-content {
 	display: grid;
 }
@@ -568,6 +574,21 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 	/* grid-column: '1 / ' + (this._columns + 1) - set inside JS */
 }
 
+#ServerAuditDialog .ui-treeview-headers {
+	display: grid;
+	grid-column-end: 4 !important;
+	grid-template-columns: 0fr 6fr 3fr;
+	margin-inline-start: 4px;
+}
+
+#ServerAuditDialog .ui-treeview-headers div.ui-treeview-icon-column {
+	width: 0px /* prevent display of ui-treeview-icon-column in ui-treeview-header */
+}
+
+#ServerAuditDialog .ui-treeview-headers > div:nth-last-child(1) {
+	margin-inline-start: 7px;
+}
+
 .ui-treeview-header {
 	display: inline-block;
 	width: 100%;
@@ -2209,11 +2230,12 @@ kbd,
 }
 
 #ServerAuditDialog #ServerAuditDialog-mainbox {
-	min-width: calc(min(800px, 80vw));
+	min-width: calc(min(600px, 80vw));
 }
 
 #ServerAuditDialog .ui-treeview {
 	border-color: transparent;
+	max-height: max-content;
 }
 #ServerAuditDialog .ui-treeview td[role='gridcell'] {
 	padding-inline-start: 0;