MDL-84163 theme: Adjust Moodle files after the Font Awesome upgrade
This commit is contained in:
@@ -11,7 +11,7 @@ tags:
|
||||
|
||||
## Description
|
||||
|
||||
Most Moodle icons are rendered using the 6.5.2 versions of [Fontawesome](https://fontawesome.com/v6/search). Iconnames are mapped from the Moodle icon name to the Font Awesome icon names in `/lib/classes/output/icon_system_fontawesome.php`
|
||||
Most Moodle icons are rendered using the 6.7.2 versions of [Fontawesome](https://fontawesome.com/v6/search). Iconnames are mapped from the Moodle icon name to the Font Awesome icon names in `/lib/classes/output/icon_system_fontawesome.php`
|
||||
|
||||
If needed a theme can override this map and provide its own mapping.
|
||||
|
||||
|
||||
+2
-2
@@ -16,8 +16,8 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: $fa-font-display;
|
||||
src: url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
|
||||
url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype');
|
||||
src: url('[[font:core|fa-brands-400.woff2]]') format('woff2'),
|
||||
url('[[font:core|fa-brands-400.ttf]]') format('truetype');
|
||||
}
|
||||
|
||||
.fab,
|
||||
|
||||
+2
-2
@@ -17,8 +17,8 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: $fa-font-display;
|
||||
src: url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
|
||||
url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype');
|
||||
src: url('[[font:core|fa-regular-400.woff2]]') format('woff2'),
|
||||
url('[[font:core|fa-regular-400.ttf]]') format('truetype');
|
||||
}
|
||||
|
||||
.far,
|
||||
|
||||
+2
-2
@@ -17,8 +17,8 @@
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: $fa-font-display;
|
||||
src: url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
|
||||
url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype');
|
||||
src: url('[[font:core|fa-solid-900.woff2]]') format('woff2'),
|
||||
url('[[font:core|fa-solid-900.ttf]]') format('truetype');
|
||||
}
|
||||
|
||||
.fas,
|
||||
|
||||
@@ -40,7 +40,7 @@
|
||||
.dropdown-subpanel .dropdown-item {
|
||||
&::after {
|
||||
border: 0;
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-chevron-right);
|
||||
}
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
.dropdown-subpanel .dropdown-item {
|
||||
&::after {
|
||||
border: 0;
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-chevron-left);
|
||||
}
|
||||
|
||||
@@ -101,7 +101,7 @@
|
||||
align-items: center;
|
||||
|
||||
&:before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-check);
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
|
||||
@@ -297,7 +297,7 @@ $blocks-plus-gutter: calc(#{$blocks-column-width} + (#{$grid-gutter-width} * 0.5
|
||||
}
|
||||
.block_settings .block_tree [aria-expanded="true"] > p:before,
|
||||
.block_navigation .block_tree [aria-expanded="true"] > p:before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-angle-down);
|
||||
margin-right: 0;
|
||||
font-size: 16px;
|
||||
@@ -306,7 +306,7 @@ $blocks-plus-gutter: calc(#{$blocks-column-width} + (#{$grid-gutter-width} * 0.5
|
||||
|
||||
.block_settings .block_tree [aria-expanded="false"] > p:before,
|
||||
.block_navigation .block_tree [aria-expanded="false"] > p:before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-angle-right);
|
||||
margin-right: 0;
|
||||
font-size: 16px;
|
||||
@@ -315,7 +315,7 @@ $blocks-plus-gutter: calc(#{$blocks-column-width} + (#{$grid-gutter-width} * 0.5
|
||||
.dir-rtl {
|
||||
.block_settings .block_tree [aria-expanded="false"] > p:before,
|
||||
.block_navigation .block_tree [aria-expanded="false"] > p:before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-angle-left);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -55,7 +55,7 @@
|
||||
|
||||
/* Display a centered eye slash on top of unlisted content icons. */
|
||||
.cb-unlisted::after {
|
||||
@extend .fa-regular;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-eye-slash);
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
|
||||
@@ -2926,7 +2926,7 @@ body.dragging {
|
||||
}
|
||||
|
||||
.dropdown-toggle::after {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-chevron-down);
|
||||
margin-right: 0;
|
||||
margin-left: 4px;
|
||||
@@ -2944,7 +2944,7 @@ body.dragging {
|
||||
// TODO: Check if these are still needed.
|
||||
.dropleft .dropdown-toggle::before {
|
||||
border: 0;
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-chevron-left);
|
||||
font-size: 9px;
|
||||
margin-left: 0;
|
||||
@@ -2958,7 +2958,7 @@ body.dragging {
|
||||
|
||||
.dropright .dropdown-toggle::after {
|
||||
border: 0;
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-chevron-right);
|
||||
}
|
||||
|
||||
@@ -2969,7 +2969,7 @@ body.dragging {
|
||||
|
||||
.dropup .dropdown-toggle::after {
|
||||
border: 0;
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-chevron-up);
|
||||
}
|
||||
|
||||
|
||||
@@ -830,7 +830,7 @@ $divider-hover-color: $primary !default;
|
||||
}
|
||||
|
||||
&:after {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
position: absolute;
|
||||
font-size: 20px;
|
||||
color: $gray-600;
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&:before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-check);
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
|
||||
@@ -102,7 +102,7 @@
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-check);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
.dropdown-item {
|
||||
padding: .25rem 1.75rem .25rem .75rem;
|
||||
&.carousel-navigation-link::after {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-caret-right);
|
||||
font-size: 1rem;
|
||||
padding-top: .2rem;
|
||||
@@ -84,7 +84,7 @@
|
||||
.items {
|
||||
.dropdown-item {
|
||||
&[aria-current="true"]::before {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-check);
|
||||
font-size: 0.75rem;
|
||||
padding-left: .25rem;
|
||||
@@ -141,7 +141,7 @@
|
||||
.dropdown-menu {
|
||||
.dropdown-item {
|
||||
&.carousel-navigation-link::after {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
content: fa-content($fa-var-caret-left);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@mixin toast-icon($content) {
|
||||
@extend .fa-solid;
|
||||
font: var(--fa-font-solid);
|
||||
margin: 2px 5px 0 0;
|
||||
content: fa-content($content);
|
||||
}
|
||||
|
||||
+5673
-5659
File diff suppressed because it is too large
Load Diff
+5673
-5659
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user