villeneuve-dascq: ajust styles of meetings_table prev/next buttons (#44597)
This commit is contained in:
parent
09bd671036
commit
f38527a77a
|
@ -94,16 +94,23 @@ input, textarea, select {
|
|||
}
|
||||
|
||||
div.meetings_table {
|
||||
& > div {
|
||||
}
|
||||
|
||||
div.head {
|
||||
border-bottom: 2px solid $primary-color;
|
||||
font-weight: 900;
|
||||
}
|
||||
button {
|
||||
button.next,
|
||||
button.prev {
|
||||
height: 2.8em;
|
||||
flex: 0 0 2.8em;
|
||||
border: 2px solid white;
|
||||
box-shadow: 0 0 0 3px $button-background;
|
||||
// arrow: use background image instead UTF8 charater
|
||||
text-indent: -1000em;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1em;
|
||||
background-position: center;
|
||||
@include arrowIcon($property: "background-image");
|
||||
&:hover, &:focus {
|
||||
box-shadow: 0 0 0 3px $primary-color, 0px 0px 10px #777 !important;
|
||||
}
|
||||
|
@ -112,6 +119,10 @@ div.meetings_table {
|
|||
border: 2px solid white;
|
||||
box-shadow: 0 0 0 3px grayscale($button-background);
|
||||
}
|
||||
|
||||
&.prev {
|
||||
transform: rotate(0.5turn);
|
||||
}
|
||||
}
|
||||
|
||||
div span {
|
||||
|
|
Loading…
Reference in New Issue