MDL-66268 forumreport_summary: Introduce filter scss
authorMichael Hawkins <michaelh@moodle.com>
Thu, 19 Sep 2019 03:30:24 +0000 (11:30 +0800)
committerJun Pataleta <jun@moodle.com>
Fri, 11 Oct 2019 03:10:17 +0000 (11:10 +0800)
Part of MDL-66076.

theme/boost/scss/moodle.scss
theme/boost/scss/moodle/filter.scss [new file with mode: 0644]
theme/boost/style/moodle.css
theme/classic/style/moodle.css

index 1b9da99..049ab7c 100644 (file)
@@ -18,6 +18,7 @@ $breadcrumb-divider-rtl: "◀" !default;
 @import "moodle/drawer";
 @import "moodle/dashboard";
 @import "moodle/filemanager";
+@import "moodle/filter";
 @import "moodle/message";
 @import "moodle/question";
 @import "moodle/user";
diff --git a/theme/boost/scss/moodle/filter.scss b/theme/boost/scss/moodle/filter.scss
new file mode 100644 (file)
index 0000000..aa10c7e
--- /dev/null
@@ -0,0 +1,19 @@
+/* The button used to display a filter. */
+.filter-button {
+    border-radius: 0.25em;
+    padding: 0.2em;
+}
+
+.filter-header {
+    @extend .popover-header;
+}
+
+.filter-body {
+    @extend .popover-body;
+}
+
+.filter-scrollable {
+    overflow-y: scroll;
+    max-height: 25em;
+    margin-bottom: 1em;
+}
index 9097d99..934871e 100644 (file)
@@ -6684,7 +6684,7 @@ a.close.disabled, .moodle-dialogue-base a.disabled.closebutton {
       top: 1px;
       border-width: 0 0.5rem 0.5rem 0.5rem;
       border-bottom-color: #fff; }
-  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .filter-header::before, .bs-popover-auto[x-placement^="bottom"] .filter-header::before {
     position: absolute;
     top: 0;
     left: 50%;
@@ -6710,16 +6710,16 @@ a.close.disabled, .moodle-dialogue-base a.disabled.closebutton {
       border-width: 0.5rem 0 0.5rem 0.5rem;
       border-left-color: #fff; }
 
-.popover-header {
+.popover-header, .filter-header {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   font-size: 0.9375rem;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb; }
-  .popover-header:empty {
+  .popover-header:empty, .filter-header:empty {
     display: none; }
 
-.popover-body {
+.popover-body, .filter-body {
   padding: 0.5rem 0.75rem;
   color: #373a3c; }
 
@@ -14413,6 +14413,16 @@ a.ygtvspacer:hover {
   display: inline-block;
   padding-left: 5px; }
 
+/* The button used to display a filter. */
+.filter-button {
+  border-radius: 0.25em;
+  padding: 0.2em; }
+
+.filter-scrollable {
+  overflow-y: scroll;
+  max-height: 25em;
+  margin-bottom: 1em; }
+
 /** The message area **/
 .hidden {
   display: none; }
index 101885f..d946387 100644 (file)
@@ -6930,7 +6930,7 @@ a.close.disabled, .moodle-dialogue-base a.disabled.closebutton {
       top: 1px;
       border-width: 0 0.5rem 0.5rem 0.5rem;
       border-bottom-color: #fff; }
-  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .filter-header::before, .bs-popover-auto[x-placement^="bottom"] .filter-header::before {
     position: absolute;
     top: 0;
     left: 50%;
@@ -6956,7 +6956,7 @@ a.close.disabled, .moodle-dialogue-base a.disabled.closebutton {
       border-width: 0.5rem 0 0.5rem 0.5rem;
       border-left-color: #fff; }
 
-.popover-header {
+.popover-header, .filter-header {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   font-size: 0.9375rem;
@@ -6964,10 +6964,10 @@ a.close.disabled, .moodle-dialogue-base a.disabled.closebutton {
   border-bottom: 1px solid #ebebeb;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px); }
-  .popover-header:empty {
+  .popover-header:empty, .filter-header:empty {
     display: none; }
 
-.popover-body {
+.popover-body, .filter-body {
   padding: 0.5rem 0.75rem;
   color: #373a3c; }
 
@@ -14675,6 +14675,16 @@ a.ygtvspacer:hover {
   display: inline-block;
   padding-left: 5px; }
 
+/* The button used to display a filter. */
+.filter-button {
+  border-radius: 0.25em;
+  padding: 0.2em; }
+
+.filter-scrollable {
+  overflow-y: scroll;
+  max-height: 25em;
+  margin-bottom: 1em; }
+
 /** The message area **/
 .hidden {
   display: none; }