MDL-57536 availability: Fixed css for clean theme
authorRajesh Taneja <rajesh@moodle.com>
Wed, 4 Jan 2017 00:59:40 +0000 (08:59 +0800)
committerDan Poltawski <dan@moodle.com>
Wed, 4 Jan 2017 11:33:59 +0000 (11:33 +0000)
theme/bootstrapbase/less/moodle/forms.less
theme/bootstrapbase/style/moodle.css

index 5422263..fd9e7b8 100644 (file)
@@ -341,6 +341,50 @@ fieldset.coursesearchbox label {
     }
 }
 
+/* Section and module editing forms contain special JS components for the
+   availability system (if enabled). */
+#id_availabilityconditionsjson[aria-hidden=true],
+.availability-field [aria-hidden=true] {
+    display: none;
+}
+.availability-eye,
+.availability-delete {
+    margin-right: 8px;
+}
+/* Eye icons in front of child lists are aligned specially. */
+.availability-list > .availability-eye img {
+    vertical-align: top;
+    margin-top: 12px;
+}
+.availability-plugincontrols {
+    min-height: 40px;
+    padding: 2px 0 0 4px;
+    background: none repeat scroll 0% 0% @wellBackground;
+    border: 1px solid @grayLighter;
+    border-radius: 4px;
+    display: inline-block;
+    margin-right: 8px;
+    select {
+        width: auto;
+        max-width: 200px;
+    }
+}
+.availability-field .availability-plugincontrols .availability-group select {
+    max-width: 12rem;
+}
+/* Nested section is grey. */
+.availability-childlist > .availability-inner {
+    display: inline-block;
+    background: @wellBackground;
+    border: 1px solid @grayLighter;
+    border-radius: 4px;
+    padding: 6px;
+    margin-bottom: 6px;
+}
+/* Second (and more) levels of nested sections are white. */
+.availability-childlist .availability-childlist > .availability-inner {
+    background: white;
+}
 /* Default form styling colours all text red. With availability conditions
    this looks excessive as we show 'Invalid' markers in specific places. */
 .mform .error .availability-field {
index 099a2dc..0faee0d 100644 (file)
@@ -14033,6 +14033,50 @@ fieldset.coursesearchbox label {
     padding: 6px;
   }
 }
+/* Section and module editing forms contain special JS components for the
+   availability system (if enabled). */
+#id_availabilityconditionsjson[aria-hidden=true],
+.availability-field [aria-hidden=true] {
+  display: none;
+}
+.availability-eye,
+.availability-delete {
+  margin-right: 8px;
+}
+/* Eye icons in front of child lists are aligned specially. */
+.availability-list > .availability-eye img {
+  vertical-align: top;
+  margin-top: 12px;
+}
+.availability-plugincontrols {
+  min-height: 40px;
+  padding: 2px 0 0 4px;
+  background: none repeat scroll 0% 0% #f5f5f5;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  display: inline-block;
+  margin-right: 8px;
+}
+.availability-plugincontrols select {
+  width: auto;
+  max-width: 200px;
+}
+.availability-field .availability-plugincontrols .availability-group select {
+  max-width: 12rem;
+}
+/* Nested section is grey. */
+.availability-childlist > .availability-inner {
+  display: inline-block;
+  background: #f5f5f5;
+  border: 1px solid #eee;
+  border-radius: 4px;
+  padding: 6px;
+  margin-bottom: 6px;
+}
+/* Second (and more) levels of nested sections are white. */
+.availability-childlist .availability-childlist > .availability-inner {
+  background: white;
+}
 /* Default form styling colours all text red. With availability conditions
    this looks excessive as we show 'Invalid' markers in specific places. */
 .mform .error .availability-field {