| 1 |
efrain |
1 |
// The popover process monitor.
|
|
|
2 |
$popover-process-monitor-right: 2rem !default;
|
|
|
3 |
$popover-process-monitor-bottom: 5rem !default;
|
|
|
4 |
$popover-process-monitor-max-height: 30vh !default;
|
|
|
5 |
$popover-process-monitor-width: 350px !default;
|
|
|
6 |
$popover-process-monitor-scroll-bg: $gray-100 !default;
|
|
|
7 |
|
|
|
8 |
.popover-process-monitor {
|
|
|
9 |
position: fixed;
|
|
|
10 |
right: $popover-process-monitor-right;
|
|
|
11 |
bottom: $popover-process-monitor-bottom;
|
|
|
12 |
width: $popover-process-monitor-width;
|
|
|
13 |
background-color: $white;
|
|
|
14 |
@include border-radius();
|
|
|
15 |
border: $border-width solid $border-color;
|
|
|
16 |
|
|
|
17 |
.process-list {
|
|
|
18 |
max-height: $popover-process-monitor-max-height;
|
|
|
19 |
overflow: auto;
|
|
|
20 |
@include thin-scrolls($popover-process-monitor-scroll-bg);
|
|
|
21 |
}
|
|
|
22 |
|
|
|
23 |
.queue-process {
|
|
|
24 |
border-bottom: 1px solid $gray-200;
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
.queue-process:last-child {
|
|
|
28 |
border-bottom: 0;
|
|
|
29 |
}
|
|
|
30 |
}
|