mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-12 20:12:15 +02:00
Code Issues Projects Releases Wiki Activity

MDL-66076 forumreport_summary: Filter styles update

Browse Source
This commit is contained in:
Michael Hawkins 2019-10-09 13:45:32 +08:00 committed by Jun Pataleta
parent 9523f0e040
commit aa4b62baac
6 changed files with 27 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
mod/forum/report/summary/templates/filters.mustache
View File

@ -51,8 +51,8 @@
{{! Start groups filter popover}}
<div id="filter-groups-popover" class="popover m-t-1 hidden">
<h3 class="filter-header">{{# str}} filter:groupsname, forumreport_summary {{/ str}}</h3>
<div class="filter-body">
<h3 class="popover-header">{{# str}} filter:groupsname, forumreport_summary {{/ str}}</h3>
<div class="popover-body">
<div class="form-check filter-scrollable">
{{#filtergroups}}
<input id="filtergroups{{groupid}}" class="form-check-input" type="checkbox" name="filtergroups[]"

1
theme/boost/scss/moodle.scss
View File

@ -18,7 +18,6 @@ $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";

19
theme/boost/scss/moodle/filter.scss
View File

@ -1,19 +0,0 @@
/* 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;
}

7
theme/boost/scss/moodle/modules.scss
View File

@ -383,6 +383,13 @@ $author-image-margin-sm: 8px;
}
}
// Make filter popover content scrollable if needed.
.filter-scrollable {
overflow-y: auto;
max-height: 25em;
margin-bottom: 1em;
}
// End styling for mod_forum.
.maincalendar .calendarmonth td,

23
theme/boost/style/moodle.css
View 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 .filter-header::before, .bs-popover-auto[x-placement^="bottom"] .filter-header::before {
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-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, .filter-header {
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 0.9375rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb; }
.popover-header:empty, .filter-header:empty {
.popover-header:empty {
display: none; }
.popover-body, .filter-body {
.popover-body {
padding: 0.5rem 0.75rem;
color: #373a3c; }
@ -14413,16 +14413,6 @@ 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; }
@ -16303,6 +16293,11 @@ select {
width: 30px;
height: 30px; } }
.filter-scrollable {
overflow-y: auto;
max-height: 25em;
margin-bottom: 1em; }
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
border: 1px dotted #dee2e6; }

23
theme/classic/style/moodle.css
View 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 .filter-header::before, .bs-popover-auto[x-placement^="bottom"] .filter-header::before {
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-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, .filter-header {
.popover-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, .filter-header:empty {
.popover-header:empty {
display: none; }
.popover-body, .filter-body {
.popover-body {
padding: 0.5rem 0.75rem;
color: #373a3c; }
@ -14675,16 +14675,6 @@ 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; }
@ -16575,6 +16565,11 @@ select {
width: 30px;
height: 30px; } }
.filter-scrollable {
overflow-y: auto;
max-height: 25em;
margin-bottom: 1em; }
.maincalendar .calendarmonth td,
.maincalendar .calendarmonth th {
border: 1px dotted #dee2e6; }