From af1b9b69246dc6dc958a64f5855c78cc8cbb678a Mon Sep 17 00:00:00 2001
From: Rajesh Taneja <rajesh@moodle.com>
Date: Wed, 4 Jan 2017 08:59:40 +0800
Subject: [PATCH] MDL-57536 availability: Fixed css for clean theme

---
 theme/bootstrapbase/less/moodle/forms.less | 44 ++++++++++++++++++++++
 theme/bootstrapbase/style/moodle.css       | 44 ++++++++++++++++++++++
 2 files changed, 88 insertions(+)

diff --git a/theme/bootstrapbase/less/moodle/forms.less b/theme/bootstrapbase/less/moodle/forms.less
index 5422263acdb..fd9e7b86b8e 100644
--- a/theme/bootstrapbase/less/moodle/forms.less
+++ b/theme/bootstrapbase/less/moodle/forms.less
@@ -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 {
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index 099a2dc5a8a..0faee0d4f09 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -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 {