mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-03-23 17:10:20 +01:00
Code Issues Projects Releases Wiki Activity

MDL-70794 theme_boost: SCSS for Report builder filters dropdown.

Browse Source
This commit is contained in:
Mikel Martín 2021-04-20 12:00:53 +02:00 committed by Paul Holden
parent ef3c605b02
commit 7edcf3615d
4 changed files with 111 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -43,3 +43,4 @@ $breadcrumb-divider-rtl: "◀" !default;
@import "moodle/atto";
@import "moodle/toasts";
@import "moodle/navbar";
@import "moodle/reportbuilder";

46
theme/boost/scss/moodle/reportbuilder.scss Normal file
View File

@ -0,0 +1,46 @@
/* Rportbuilder */
.reportbuilder-table-wrapper {
.filters-dropdown {
width: 27rem;
padding: 0;
@include media-breakpoint-down(sm) {
width: 100%;
}
}
.reportbuilder-filters-wrapper {
.mform {
&.full-width-labels {
.fitem.row {
> .col-md-3,
> .col-md-9 {
flex: 0 0 100%;
max-width: 100%;
}
.fdate_selector {
flex-wrap: wrap;
}
}
}
.form-group {
margin-bottom: 0;
}
}
.filter {
.filter-header {
font-size: $h5-font-size;
.filter-name {
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1rem;
}
.filter-name:hover {
white-space: normal;
text-overflow: clip;
word-break: break-all;
}
}
}
}
}

32
theme/boost/style/moodle.css
View File

@ -20017,6 +20017,38 @@ div.editor_atto_toolbar button .icon {
#page {
margin-top: 50px; }
/* Rportbuilder */
.reportbuilder-table-wrapper .filters-dropdown {
width: 27rem;
padding: 0; }
@media (max-width: 767.98px) {
.reportbuilder-table-wrapper .filters-dropdown {
width: 100%; } }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-3,
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-9 {
flex: 0 0 100%;
max-width: 100%; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row .fdate_selector {
flex-wrap: wrap; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform .form-group {
margin-bottom: 0; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .filter .filter-header {
font-size: 1.171875rem; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name {
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1rem; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name:hover {
white-space: normal;
text-overflow: clip;
word-break: break-all; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

32
theme/classic/style/moodle.css
View File

@ -20208,6 +20208,38 @@ div.editor_atto_toolbar button .icon {
#page {
margin-top: 50px; }
/* Rportbuilder */
.reportbuilder-table-wrapper .filters-dropdown {
width: 27rem;
padding: 0; }
@media (max-width: 767.98px) {
.reportbuilder-table-wrapper .filters-dropdown {
width: 100%; } }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-3,
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row > .col-md-9 {
flex: 0 0 100%;
max-width: 100%; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform.full-width-labels .fitem.row .fdate_selector {
flex-wrap: wrap; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .mform .form-group {
margin-bottom: 0; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .filter .filter-header {
font-size: 1.171875rem; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name {
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1rem; }
.reportbuilder-table-wrapper .reportbuilder-filters-wrapper .filter .filter-header .filter-name:hover {
white-space: normal;
text-overflow: clip;
word-break: break-all; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }