armentieres: add picture & align special report cell (#70745)

This commit is contained in:
Corentin Sechet 2022-11-21 22:00:41 +01:00
parent 65cf156292
commit 5c1e8132e5
2 changed files with 49 additions and 2 deletions

View File

@ -318,7 +318,7 @@ div.wcscurrentformscell {
.gru-content .cell {
&.arm-report {
@include custom-background-cell('/assets/report:background', $secondary-color);
padding: 2rem;
padding: 1rem 1rem;
}
&.arm-suggest {
@ -330,6 +330,49 @@ div.wcscurrentformscell {
}
}
.arm-report {
> div, &--content {
width: 100%;
height: 100%;
}
&--content {
display: grid;
grid-template-rows: 1fr auto;
grid-auto-columns: auto;
justify-items: stretch;
align-items: center;
}
&--picture {
grid-area: 1 / 1 / 3 / 2;
@media ($max-mobile-viewport) {
grid-area: 1 / 1 / 2 / 2;
}
width: 60px;
height: 60px;
}
&--hint {
grid-area: 1 / 2 / 2 / 3;
margin: 0 0 0 1rem !important;
font-weight: bold;
}
&--button {
@extend %inverted-button;
grid-area: 2 / 2 / 3 / 3;
@media ($max-mobile-viewport) {
grid-area: 2 / 1 / 3 / 3;
}
margin: 0.5rem 0;
}
}
@mixin arm-link-icon($name) {
& > li.arm-icon-#{$name} {
display: flex;

View File

@ -73,7 +73,11 @@ div#tracking-code {
// Widgets
%button {
box-shadow: none;
padding: 0.5rem 1.5rem;
height: 35px;
vertical-align: center;
@media($max-mobile-viewport) {
height: 45px;
}
}
%black-button {