mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-04-19 23:42:11 +02:00
Code Issues Projects Releases Wiki Activity

MDL-73465 theme_boost: apply rounded borders to modal dialogs.

Browse Source
This commit is contained in:
Paul Holden 2021-12-29 12:20:56 +00:00
parent 541d999d27
commit 7412121555
3 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
theme/boost/scss/moodle/core.scss
View File

@ -154,6 +154,14 @@ button.close,
}
}
// Modal dialogs border should be rounded too.
.modal-dialog[tabindex="0"] {
&.focus,
&:focus {
@include border-radius($modal-content-border-radius);
}
}
// We don't want to highlight the whole li when it's expanded. Only the first child is highlighted.
[role="treeitem"][aria-expanded="true"] {
outline: 0;

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

@ -10021,6 +10021,9 @@ button.close:focus:hover,
[role="treeitem"]:not([aria-expanded="true"]):focus:hover {
text-decoration: none; }
.modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
border-radius: 0.6rem; }
[role="treeitem"][aria-expanded="true"] {
outline: 0; }
[role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child {

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

@ -10021,6 +10021,9 @@ button.close:focus:hover,
[role="treeitem"]:not([aria-expanded="true"]):focus:hover {
text-decoration: none; }
.modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
border-radius: 0.3rem; }
[role="treeitem"][aria-expanded="true"] {
outline: 0; }
[role="treeitem"][aria-expanded="true"].focus > *:first-child, [role="treeitem"][aria-expanded="true"]:focus > *:first-child {