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

armentieres: fix link list cells (#70745)

This commit is contained in:
Corentin Sechet 2022-11-21 22:00:41 +01:00
parent 11f89ae38a
commit 9966b90768
1 changed files with 71 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

104
static/armentieres/_combo.scss
View File

@ -95,7 +95,7 @@ div#sidebar {
}
&.folded > div > h2:first-child {
border: 1px solid $gray;
border: 1px solid $gray-light;
background: transparent;
&::after {
@ -134,50 +134,88 @@ div#sidebar {
div#rub_service div.category,
div#services,
div#account-management,
#columns div.cell:not(.pk-button,.pk-big-button) div.links-list,
#columns div.cell:not(.pk-button,.pk-big-button),
#columns div.menucell,
div.wcsformcell,
div.wcsformsofcategorycell,
div.wcscurrentdraftscell,
div.wcscurrentformscell {
.links-list > ul > li {
margin: 0.5rem;
border: 1px solid $gray-light;
border-radius: $border-radius;
padding: 0rem 0.8rem;
a {
text-decoration: none;
}
.links-list {
display: flex;
justify-content: center;
&:hover {
box-shadow: $widget-focus-box-shadow;
}
> ul {
flex-basis: 764px;
margin-top: 5px;
display: flex;
flex-direction: column;
align-items: stretch;
&.required-authentication, &.external-link {
a{
padding-right: 2rem;
> li {
margin: 5px 0;
padding: 0;
&::after {
content: '';
height: 1.3rem;
width: 1.3rem;
position: absolute;
right: 0.7rem;
display: flex;
align-items: center;
border: 1px solid $gray-light;
border-radius: $border-radius;
height: 50px;
@media($max-mobile-viewport) {
height: 70px;
}
a {
flex-grow: 1;
text-decoration: none;
}
&:hover {
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');
}
.description {
display: none;
}
&:not(:last-child) {
border-bottom: 1px solid $gray-light;
}
}
}
}
&.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');
}
&:not(:last-child) {
border-bottom: 1px solid $gray-light;
}
&.folded .links-list {
display: none;
}
}