fleet/frontend/components/DiskSpaceGraph/_styles.scss
Gabriel Hernandez a2d672435d
update buttons to match new styleguide (#9183)
* update button to follow new style guide

* update button styles for inverted ghost buttons

* update a color name to match new styleguide
2023-01-05 15:23:27 +00:00

41 lines
698 B
SCSS

.info-flex,
.gigs_disk_space_available__cell {
overflow: auto;
white-space: nowrap;
&__disk-space {
display: inline-block;
height: 4px;
width: 50px;
background-color: $ui-fleet-black-10;
border-radius: 2px;
margin-right: $pad-small;
overflow: hidden;
margin-bottom: 2px;
&-wrapper {
display: inline-block;
}
&--green {
background-color: $ui-success;
height: 100%;
}
&--yellow {
background-color: $ui-warning;
height: 100%;
}
&--red {
background-color: $ui-error;
height: 100%;
}
}
.disk-space-tooltip {
display: block;
white-space: normal;
max-width: 160px;
}
}