armentieres: enabled external-link icons in sidebar too (#70745)
This commit is contained in:
parent
003d897285
commit
9186f3840c
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue