mirror of
https://github.com/empayre/fleet.git
synced 2024-11-06 17:05:18 +00:00
5dd9b75e9c
The goal of this PR is to update the style across the query and packs pages so they are consistent with the latest global styles (colors, buttons, and fonts).
55 lines
943 B
SCSS
55 lines
943 B
SCSS
.dropdown-button {
|
|
&__wrapper {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
&__carat {
|
|
font-size: 6px;
|
|
vertical-align: middle;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&__options {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 45px;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
display: none;
|
|
z-index: 2;
|
|
border-radius: 2px;
|
|
background-color: $white;
|
|
box-shadow: 0 4px 10px rgba(52, 59, 96, 0.15);
|
|
|
|
&--opened {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
&__option {
|
|
display: block;
|
|
|
|
.button {
|
|
color: $core-dark-blue-grey;
|
|
text-transform: none;
|
|
text-align: left;
|
|
font-weight: $regular;
|
|
margin: 0;
|
|
border-radius: 0;
|
|
padding: 0 10px;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
font-size: 15px;
|
|
height: 38px;
|
|
letter-spacing: -0.5px;
|
|
|
|
&:hover {
|
|
background-color: $core-blue;
|
|
color: $white;
|
|
}
|
|
}
|
|
}
|
|
}
|