armentieres: enabled external-link icons in sidebar too (#70745)

This commit is contained in:
Corentin Sechet 2022-12-06 15:23:17 +01:00
parent 003d897285
commit 9186f3840c
1 changed files with 28 additions and 26 deletions

View File

@ -150,6 +150,32 @@ div#sidebar {
}
}
@mixin link-list-item-icon($icon) {
a {
padding-right: 2rem;
&::after {
position: absolute;
top: calc(50% - 16px / 2);
right: 25px;
height: 16px;
width: 16px;
background: center / contain no-repeat url(#{$icon});
content: '';
@media($max-mobile-viewport) {
right: 20px;
}
}
}
}
div.links-list > ul > li.external-link {
@include link-list-item-icon('/assets/external-link:icon')
}
div#rub_service div.category,
div#services,
div#account-management,
@ -194,32 +220,8 @@ div.wcscurrentformscell {
box-shadow: $widget-focus-box-shadow;
}
&.required-authentication, &.external-link {
a{
padding-right: 2rem;
&::after {
position: absolute;
top: calc(50% - 16px / 2);
right: 25px;
height: 16px;
width: 16px;
content: '';
@media($max-mobile-viewport) {
right: 20px;
}
}
}
}
&.required-authentication a::after {
background: center / contain no-repeat url('/assets/authentication-required:icon');
}
&.external-link a::after {
background: center / contain no-repeat url('/assets/external-link:icon');
&.required-authentication {
@include link-list-item-icon('/assets/authentication-required:icon')
}
.description {