Multiple selection chosen box doesn't render include/exclude icon #11

hengsin · Apr 16, 2024 · 0b40401 · 0b40401
1 parent b9b87ad
commit 0b40401
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 26 deletions.
diff --git a/org.idempiere.zk.iceblue_c.theme/src/metainfo/zk/lang-addon.xml b/org.idempiere.zk.iceblue_c.theme/src/metainfo/zk/lang-addon.xml
@@ -6,5 +6,5 @@
 
 	<!-- this js module doesn't actually exists and it is here for iceblue_c theme version -->
 	<!-- since loading of js module is on demand, it doesn't cause any error as long as you don't try to load it -->
-	<javascript-module name="idempiere.theme.iceblue_c" version="202404162000" />
+	<javascript-module name="idempiere.theme.iceblue_c" version="202404162010" />
 </language>
diff --git a/org.idempiere.zk.iceblue_c.theme/src/web/theme/iceblue_c/css/fragment/button.css.dsp b/org.idempiere.zk.iceblue_c.theme/src/web/theme/iceblue_c/css/fragment/button.css.dsp
@@ -119,28 +119,3 @@
 	color: white !important;
 }
 
-.btn-negate.z-button {
-	background: none;
-	border: none;
-	margin: 0px !important;
-	padding: 0px;
-	min-width: 16px;
-	width: 16px;	
-	height: 10px;
-	min-height:10px;
-	font-size: 14px;
-	font-weight: lighter;		
-	position: absolute;
-	top: 5px;
-	right: 25px; 	
-}
-.btn-negate.z-button:active, .btn-negate.z-button:focus {
-	border: none;
-	box-shadow: none;
-}
-.btn-negate.z-button [class^="z-icon-"] {
-	font-size: 14px;
-	padding: 0px;
-	line-height: 14px;
-}
-
diff --git a/org.idempiere.zk.iceblue_c.theme/src/web/theme/iceblue_c/css/fragment/field-editor.css.dsp b/org.idempiere.zk.iceblue_c.theme/src/web/theme/iceblue_c/css/fragment/field-editor.css.dsp
@@ -47,6 +47,36 @@
   background: #FFFFCC !important;
   border-color: #0093F9 !important;
 }
+<%-- include/exclude icon for chosenbox --%>
+.editor-box + .btn-negate.z-button > .z-icon-ExcludeSelected::before,
+.editor-box + .btn-negate.z-button > .z-icon-IncludeSelected::before {
+	color: #333;
+}
+.editor-box + .btn-negate.z-button {
+	background: none;
+	border: none;
+	margin: 0px !important;
+	padding: 0px;
+	min-width: 16px;
+	width: 16px;	
+	height: 10px;
+	min-height:10px;
+	font-size: 14px;
+	font-weight: lighter;		
+	position: absolute;
+	top: 3px;
+	right: 29px; 	
+}
+.editor-box + .btn-negate.z-button, 
+.editor-box + .btn-negate.z-button:focus {
+	border: none;
+	box-shadow: none;	
+}
+.editor-box + .btn-negate.z-button [class^="z-icon-"] {
+	font-size: 14px;
+	padding: 0px;
+	line-height: 14px;
+}
 
 .editor-button :hover {
 	-webkit-filter: contrast(1.5);

diff --git a/org.idempiere.zk.iceblue_c.theme/src/web/theme/iceblue_c/css/fragment/font-icons.css.dsp b/org.idempiere.zk.iceblue_c.theme/src/web/theme/iceblue_c/css/fragment/font-icons.css.dsp
@@ -120,6 +120,9 @@
 .z-icon-Import:before {
 	content: "\f0ee";		
 }
+.z-icon-IncludeSelected:before {
+	content: "\f05d";
+}
 .z-icon-Info:before {	
 	content: "\f0eb";
 }