villeneuve-dascq: ajust styles of meetings_table prev/next buttons (#44597)

This commit is contained in:
Thomas Jund 2020-07-01 16:22:12 +02:00
parent 09bd671036
commit f38527a77a
1 changed files with 14 additions and 3 deletions

View File

@ -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 {