fix(treeview): add extra styling for 4.12 compatibility

flxlabs · Mar 15, 2023 · bbbe1bd · bbbe1bd
1 parent e746f67
commit bbbe1bd
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 1 deletion.
diff --git a/client/css/TreeView.css b/client/css/TreeView.css
@@ -32,7 +32,7 @@
 }
 
 .treeview-item:last-child {
-	margin-bottome: 0;
+	margin-bottom: 0;
 }
 
 .treeview-item-flow {
@@ -336,3 +336,36 @@
 .treeview-item-reorder .ui-droppable.state-active svg path {
 	fill: #008A00;
 }
+
+/**
+ * Dialog
+ */
+.pagesections-dialog {
+	z-index: 1005;
+}
+
+.pagesections-dialog button.ui-dialog-titlebar-close {
+	position: absolute;
+	top: -5px;
+	right: -13px;
+	width: 30px;
+	height: 30px;
+	z-index: 100000;
+	background: transparent;
+	border: none;
+}
+.pagesections-dialog button.ui-dialog-titlebar-close {
+	border: none;
+}
+
+.pagesections-dialog button.ui-dialog-titlebar-close > .ui-icon-closethick {
+	margin: 1px;
+	top: 0;
+	left: 0;
+	background-image: url(../img/sprite-sprites-32x32.png);
+}
+.pagesections-dialog
+	button.ui-dialog-titlebar-close
+	> .ui-icon-closethick:hover {
+	background-image: url(../img/sprite-sprites-32x32.png);
+}
diff --git a/client/img/sprite-sprites-32x32.png b/client/img/sprite-sprites-32x32.png
diff --git a/client/javascript/TreeView.js b/client/javascript/TreeView.js
@@ -287,6 +287,7 @@
 					var dialog = $('<div></div>')
 						.appendTo('body')
 						.dialog({
+							dialogClass: 'pagesections-dialog',
 							modal: true,
 							resizable: false,
 							width: 500,
@@ -367,6 +368,7 @@
 							var dialog = $('<div></div>')
 								.appendTo('body')
 								.dialog({
+									dialogClass: 'pagesections-dialog',
 									modal: false,
 									resizable: false,
 									width: $(window).width() * 0.9,