Rsponsive article edit fields (#13586)

Author: ciar4n

administrator/templates/isis/css/template-rtl.css

@@ -6955,6 +6955,10 @@ div.modal.jviewport-width100 {
 .chzn-container .chzn-drop {
 	border-radius: 0 0 3px 3px;
 }
+.control-group .chzn-container {
+	width: 100% !important;
+	max-width: 220px;
+}
 .chzn-container-single .chzn-single {
 	background-color: #fff;
 	background-clip: inherit;
@@ -7107,6 +7111,9 @@ div.modal.jviewport-width100 {
 	margin: 1px 0;
 	padding: 0 !important;
 }
+#jform_tags_chzn.chzn-container {
+	max-width: 440px;
+}
 .CodeMirror {
 	height: calc(100vh - 400px);
 	min-height: 400px;
@@ -7708,10 +7715,6 @@ html[dir=rtl] .quick-icons .nav-list [class*=" icon-"] {
 #assignment.tab-pane {
 	min-height: 500px;
 }
-.chzn-container,
-.chzn-drop {
-	max-width: 100% !important;
-}
 @media (max-width: 979px) {
 	.navbar .nav {
 		font-size: 13px;
@@ -7790,11 +7793,6 @@ html[dir=rtl] .quick-icons .nav-list [class*=" icon-"] {
 		display: block;
 		margin: 10px 0;
 	}
-	.chzn-container,
-	.chzn-container .chzn-results,
-	.chzn-container-single .chzn-drop {
-		width: 99% !important;
-	}
 	.subhead-collapse.collapse {
 		height: 0;
 		overflow: hidden;
@@ -8115,9 +8113,14 @@ th .tooltip-inner {
 	min-width: 50px;
 	margin-left: -1px;
 }
+.controls .btn-group.btn-group-yesno {
+	width: 100%;
+	max-width: 220px;
+}
 .controls .btn-group.btn-group-yesno > .btn {
-	min-width: 84px;
-	padding: 2px 12px;
+	width: 50%;
+	min-width: 20px;
+	padding: 2px 0;
 }
 .img-preview > img {
 	max-height: 100%;

administrator/templates/isis/css/template.css

@@ -6955,6 +6955,10 @@ div.modal.jviewport-width100 {
 .chzn-container .chzn-drop {
 	border-radius: 0 0 3px 3px;
 }
+.control-group .chzn-container {
+	width: 100% !important;
+	max-width: 220px;
+}
 .chzn-container-single .chzn-single {
 	background-color: #fff;
 	background-clip: inherit;
@@ -7107,6 +7111,9 @@ div.modal.jviewport-width100 {
 	margin: 1px 0;
 	padding: 0 !important;
 }
+#jform_tags_chzn.chzn-container {
+	max-width: 440px;
+}
 .CodeMirror {
 	height: calc(100vh - 400px);
 	min-height: 400px;
@@ -7708,10 +7715,6 @@ html[dir=rtl] .quick-icons .nav-list [class*=" icon-"] {
 #assignment.tab-pane {
 	min-height: 500px;
 }
-.chzn-container,
-.chzn-drop {
-	max-width: 100% !important;
-}
 @media (max-width: 979px) {
 	.navbar .nav {
 		font-size: 13px;
@@ -7790,11 +7793,6 @@ html[dir=rtl] .quick-icons .nav-list [class*=" icon-"] {
 		display: block;
 		margin: 10px 0;
 	}
-	.chzn-container,
-	.chzn-container .chzn-results,
-	.chzn-container-single .chzn-drop {
-		width: 99% !important;
-	}
 	.subhead-collapse.collapse {
 		height: 0;
 		overflow: hidden;
@@ -8115,9 +8113,14 @@ th .tooltip-inner {
 	min-width: 50px;
 	margin-left: -1px;
 }
+.controls .btn-group.btn-group-yesno {
+	width: 100%;
+	max-width: 220px;
+}
 .controls .btn-group.btn-group-yesno > .btn {
-	min-width: 84px;
-	padding: 2px 12px;
+	width: 50%;
+	min-width: 20px;
+	padding: 2px 0;
 }
 .img-preview > img {
 	max-height: 100%;

administrator/templates/isis/less/chzn-override.less

@@ -3,6 +3,12 @@
         border-radius: 0 0 3px 3px;
     }
 }
+
+.control-group .chzn-container {
+    width: 100% !important;
+    max-width: 220px; 
+}
+
 .chzn-container-single {
     .chzn-single {
         background-color: @white;
@@ -170,4 +176,7 @@
 .js-stools .js-stools-container-bar .js-stools-field-filter .chzn-container {
     margin: 1px 0;
     padding: 0 !important;
+}
+#jform_tags_chzn.chzn-container {
+    max-width: 440px;
 }

administrator/templates/isis/less/template.less

@@ -706,11 +706,7 @@ html[dir=rtl] .quick-icons .nav-list [class^="icon-"], html[dir=rtl] .quick-icon
 #assignment.tab-pane {
 	min-height: 500px;
 }
-/* Chosen Max Width */
-.chzn-container,
-.chzn-drop {
-	max-width: 100% !important;
-}
+
 @media (max-width: 979px) {
 	.navbar {
 		.nav {
@@ -814,12 +810,6 @@ html[dir=rtl] .quick-icons .nav-list [class^="icon-"], html[dir=rtl] .quick-icon
 		margin: 10px 0;
 	}
 
-	.chzn-container,
-	.chzn-container .chzn-results,
-	.chzn-container-single .chzn-drop {
-		width: 99% !important;
-	}
-
 	.subhead-collapse.collapse {
 		height: 0;
 		overflow: hidden;
@@ -1214,9 +1204,14 @@ th .tooltip-inner {
 	margin-left: -1px;
 }
 
-.controls .btn-group.btn-group-yesno > .btn {
-	min-width: 84px;
-	padding: 2px 12px;
+.controls .btn-group.btn-group-yesno {
+	width: 100%;
+	max-width: 220px;
+	> .btn {
+		width: 50%;
+		min-width: 20px;
+		padding: 2px 0;
+	}
 }
 .img-preview > img {
 	max-height: 100%;