mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-02-22 02:49:53 +01:00
Code Issues Projects Releases Wiki Activity

MDL-67683 theme_boost: Update selector for calendar block styles

Browse Source 
With the change from `aside` to `section` for blocks within the main
content region, the selector for instances of the calendar block not in
the main content region also needs to be updated to use a more generic
selector that can cover when either the blocks container containing the
calendar block is an `aside` or a `section`.

The `data-blockregion` attribute is a good selector for this purpose.
This commit is contained in:
Jun Pataleta 2024-11-04 14:21:10 +08:00
parent 20aee393ce
commit 26d7e53400
No known key found for this signature in database
GPG Key ID: F83510526D99E2C7
3 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
theme/boost/scss/moodle/calendar.scss
View File

@ -609,7 +609,7 @@ table.calendartable caption {
}
@media (min-width: 768px) {
section:not(#region-main) {
[data-blockregion]:not([data-blockregion="content"]) {
.block {
&.block_calendar_month {
.maincalendar {

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

@ -27842,41 +27842,41 @@ table.calendartable caption {
}
}
@media (min-width: 768px) {
section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar div.header {
visibility: hidden;
height: 0;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .current {
width: 40%;
font-size: inherit;
line-height: inherit;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .next {
width: 30%;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
display: none;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
border: none;
text-align: center !important;
padding: 0;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
height: auto;
font-size: 0.8em;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
display: none;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
display: inline-block;
position: relative;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
content: ".";
display: inline-block;
position: absolute;
@ -27887,19 +27887,19 @@ table.calendartable caption {
font-size: 3em;
color: inherit;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
content: "";
display: block;
margin-top: calc(100% - 26px);
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
background-color: inherit;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
border-radius: 50%;
background-color: #ededed;
}
section:not(#region-main) .block.block_calendar_month .bottom {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .bottom {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding-top: 0.5rem;
}

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

@ -27842,41 +27842,41 @@ table.calendartable caption {
}
}
@media (min-width: 768px) {
section:not(#region-main) .block.block_calendar_month .maincalendar div.header {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar div.header {
visibility: hidden;
height: 0;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .current {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .current {
width: 40%;
font-size: inherit;
line-height: inherit;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .previous,
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .next {
width: 30%;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
section:not(#region-main) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .previous .arrow_text,
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendarwrapper .next .arrow_text {
display: none;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth th,
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
border: none;
text-align: center !important;
padding: 0;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td {
height: auto;
font-size: 0.8em;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent [data-region=day-content] {
display: none;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number {
display: inline-block;
position: relative;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.hasevent .day-number:before {
content: ".";
display: inline-block;
position: absolute;
@ -27887,19 +27887,19 @@ table.calendartable caption {
font-size: 3em;
color: inherit;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td:after {
content: "";
display: block;
margin-top: calc(100% - 26px);
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:hover {
background-color: inherit;
}
section:not(#region-main) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .maincalendar .calendartable.calendarmonth td.clickable:not(.today):hover .day-number-circle {
border-radius: 50%;
background-color: #ededed;
}
section:not(#region-main) .block.block_calendar_month .bottom {
[data-blockregion]:not([data-blockregion=content]) .block.block_calendar_month .bottom {
border-top: 1px solid rgba(0, 0, 0, 0.125);
padding-top: 0.5rem;
}