mirror of
https://github.com/fleetdm/fleet
synced 2026-05-21 16:08:47 +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).
54 lines
943 B
SCSS
54 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;
|
|
}
|
|
}
|
|
}
|
|
}
|