mirror of
https://github.com/fleetdm/fleet
synced 2026-05-04 22:08:41 +00:00
cdf43a79bd
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.
42 lines
807 B
SCSS
42 lines
807 B
SCSS
.header-cell {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
|
|
.sort-arrows {
|
|
height: 14px;
|
|
padding-left: $pad-small;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ascending-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-bottom: 6px solid $ui-fleet-black-25;
|
|
}
|
|
.descending-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 6px solid $ui-fleet-black-25;
|
|
}
|
|
|
|
&.ascending {
|
|
|
|
.ascending-arrow {
|
|
border-bottom-color: $core-vibrant-blue;
|
|
}
|
|
}
|
|
|
|
&.descending {
|
|
|
|
.descending-arrow {
|
|
border-top-color: $core-vibrant-blue;
|
|
}
|
|
}
|
|
}
|