fleet/frontend/components/TableContainer/DataTable/DropdownCell/_styles.scss
noahtalerman cdf43a79bd
Align Fleet UI with Figma (spacing and fonts) (#628)
This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539

These changes **refactor the spacing and font sizes** used by the frontend. 

- Change the scss variables in `padding.scss` and `fonts.scss`. 
- Replace custom styles with the new variables throughout all stylesheets.
2021-04-09 17:30:42 -07:00

36 lines
618 B
SCSS

.dropdown-cell {
.Select {
position: unset;
.Select-control {
height: auto;
display: flex;
justify-content: space-between;
border: 0;
.Select-placeholder {
line-height: normal;
color: $core-fleet-black;
}
.Select-input {
height: auto;
}
}
.Select-menu-outer {
margin-top: $pad-xsmall;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
border-radius: $border-radius;
z-index: 6;
overflow: hidden;
border: 0;
width: auto;
right: 28px;
left: unset;
top: unset;
max-height: 220px;
}
}
}