[com_fields] Fix for cropped 'Show User Custom Field' (#14566)

* Fix input value cropping issue * Include parent li
joomla · Mar 26, 2017 · f7c2cdb · f7c2cdb
1 parent df0e6f3
commit f7c2cdb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/administrator/templates/isis/css/template-rtl.css b/administrator/templates/isis/css/template-rtl.css
@@ -7031,6 +7031,10 @@ h6 {
 	width: 100% !important;
 	max-width: 220px;
 }
+.control-group .chzn-container .chzn-choices li.search-field,
+.control-group .chzn-container .chzn-choices li.search-field input {
+	width: 100% !important;
+}
 .chzn-container-single .chzn-single {
 	background-color: #fff;
 	background-clip: inherit;

diff --git a/administrator/templates/isis/css/template.css b/administrator/templates/isis/css/template.css
@@ -7031,6 +7031,10 @@ h6 {
 	width: 100% !important;
 	max-width: 220px;
 }
+.control-group .chzn-container .chzn-choices li.search-field,
+.control-group .chzn-container .chzn-choices li.search-field input {
+	width: 100% !important;
+}
 .chzn-container-single .chzn-single {
 	background-color: #fff;
 	background-clip: inherit;

diff --git a/administrator/templates/isis/less/blocks/_chzn-override.less b/administrator/templates/isis/less/blocks/_chzn-override.less
@@ -4,9 +4,14 @@
     }
 }
 
+// Fluid width
 .control-group .chzn-container {
     width: 100% !important;
     max-width: 220px; 
+    .chzn-choices li.search-field,
+    .chzn-choices li.search-field input { // Fix for #13594
+        width: 100% !important; 
+    }
 }
 
 .chzn-container-single {
@@ -191,6 +196,7 @@
 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 	color: #ffffff;
 }
+
 .chzn-color-state.chzn-single[rel="value_0"],
 .chzn-color-state.chzn-single[rel="value_-2"] {
     .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);