MDL-59696 theme_bootstrapbase: Set max-width for custom-select elements
authorJun Pataleta <jun@moodle.com>
Mon, 21 Aug 2017 07:39:14 +0000 (15:39 +0800)
committerJun Pataleta <jun@moodle.com>
Mon, 4 Sep 2017 02:10:46 +0000 (10:10 +0800)
* Set custom-select elements with a maximum width of 100% of their
container.

theme/bootstrapbase/less/moodle/forms.less
theme/bootstrapbase/style/moodle.css

index dcaad6d..940a181 100644 (file)
@@ -122,6 +122,15 @@ form {
     margin-right: .3em;
 }
 
+.custom-select {
+    max-width: 100%;
+}
+
+// Make the submit button align with the .custom-select element.
+.custom-select + input[type="submit"] {
+    margin: 0 0 0 5px;
+}
+
 #portfolio-add-button {
     display: inline;
 }
index 65c23c7..fd5b4a4 100644 (file)
@@ -16559,6 +16559,12 @@ form {
 .singleselect label {
   margin-right: .3em;
 }
+.custom-select {
+  max-width: 100%;
+}
+.custom-select + input[type="submit"] {
+  margin: 0 0 0 5px;
+}
 #portfolio-add-button {
   display: inline;
 }