villeneuve-dascq: ajust styles of meetings_table prev/next buttons (#44597)
This commit is contained in:
parent
49dfb1e18c
commit
7f8174fad6
|
@ -94,16 +94,23 @@ input, textarea, select {
|
||||||
}
|
}
|
||||||
|
|
||||||
div.meetings_table {
|
div.meetings_table {
|
||||||
& > div {
|
|
||||||
}
|
|
||||||
|
|
||||||
div.head {
|
div.head {
|
||||||
border-bottom: 2px solid $primary-color;
|
border-bottom: 2px solid $primary-color;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
}
|
}
|
||||||
button {
|
button.next,
|
||||||
|
button.prev {
|
||||||
|
height: 2.8em;
|
||||||
|
flex: 0 0 2.8em;
|
||||||
border: 2px solid white;
|
border: 2px solid white;
|
||||||
box-shadow: 0 0 0 3px $button-background;
|
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 {
|
&:hover, &:focus {
|
||||||
box-shadow: 0 0 0 3px $primary-color, 0px 0px 10px #777 !important;
|
box-shadow: 0 0 0 3px $primary-color, 0px 0px 10px #777 !important;
|
||||||
}
|
}
|
||||||
|
@ -112,6 +119,10 @@ div.meetings_table {
|
||||||
border: 2px solid white;
|
border: 2px solid white;
|
||||||
box-shadow: 0 0 0 3px grayscale($button-background);
|
box-shadow: 0 0 0 3px grayscale($button-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.prev {
|
||||||
|
transform: rotate(0.5turn);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div span {
|
div span {
|
||||||
|
|
Loading…
Reference in New Issue