mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
42 lines
1,016 B
SCSS
42 lines
1,016 B
SCSS
.panel-group {
|
|
&__label {
|
|
max-height: 280px;
|
|
overflow-y: auto;
|
|
position: relative;
|
|
|
|
&--scroll-labels {
|
|
&:before {
|
|
content: "";
|
|
position: sticky;
|
|
display: block;
|
|
z-index: 1;
|
|
top: -2px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 17px;
|
|
// We explicityly use rgba(255,255,255,0) because it's equivalent to transparent for most broswers except Safari.
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
$ui-off-white,
|
|
rgba(255, 255, 255, 0)
|
|
);
|
|
}
|
|
|
|
&:after {
|
|
content: "";
|
|
position: sticky;
|
|
display: block;
|
|
bottom: -1px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 17px;
|
|
// We explicityly use rgba(255,255,255,0) because it's equivalent to transparent for most broswers except Safari.
|
|
background-image: linear-gradient(
|
|
to bottom,
|
|
rgba(255, 255, 255, 0),
|
|
$ui-off-white
|
|
);
|
|
}
|
|
}
|
|
}
|
|
}
|