mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 09:18:59 +00:00
57950a9645
The goal of this PR is to implement the new styles in the mockups and update the right-side panel on the hosts page. This right-side panel includes built-in labels, custom labels, and filtering for custom labels.
31 lines
589 B
SCSS
31 lines
589 B
SCSS
.panel-group {
|
|
&__label {
|
|
max-height: 280px;
|
|
overflow-y: scroll;
|
|
position: relative;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: sticky;
|
|
display: block;
|
|
z-index: 1;
|
|
top: -2px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 17px;
|
|
background-image: linear-gradient(to bottom, #f9fafc, transparent);
|
|
}
|
|
|
|
&:after {
|
|
content: '';
|
|
position: sticky;
|
|
display: block;
|
|
bottom: -1px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 17px;
|
|
background-image: linear-gradient(to bottom, transparent, #f9fafc);
|
|
}
|
|
}
|
|
}
|