entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

scss: introduce $notification-icon-position (#61639)

This commit is contained in:
Thomas Jund 2022-02-10 11:21:21 +01:00
parent 62e028f46e
commit d6d4301db0
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
help/fr/misc-scss.page
View File

@ -877,6 +877,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
<td><p>Taille de l'icône illustrant le message</p></td>
<td><p><var>1.5rem</var> ou <var>2rem</var></p></td>
</tr>
<tr>
<td><p><code>$notification-icon-position</code></p></td>
<td><p>Position vertical de l'icône du message. « top » ou « center ». </p></td>
<td><p><var>top</var></p></td>
</tr>
</table>
</section>

8
static/includes/_misc.scss
View File

@ -25,6 +25,9 @@ $notification-left-padding: calc(#{$notification-icon-size} + 2rem);
@if $notification-style == border-bar {
$notification-left-padding: calc(#{$notification-icon-size} + 1rem);
}
$notification-icon-position: top !default; // top || center
// add a border with "OU" between authentication blocks
$or-separator: if($cell-border == none, true, false) !default;
@ -362,10 +365,13 @@ div#page-change-overlay.on {
width: 1em;
height: 1em;
position: absolute;
margin: auto;
left: 0;
right: calc(100% - #{$notification-left-padding});
top: 0.5rem;
margin: auto;
@if $notification-icon-position == center {
bottom: 0.5rem
}
@if $notification-style == border-icon {
color: darken($color, 40%);
background: white;