armentieres: add picture & align special report cell (#70745)
This commit is contained in:
parent
65cf156292
commit
5c1e8132e5
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue