[Perl] DAQ system for the FAPG.
fix prevent graph toolbar from wrapping on mobile
The range control (−/1 month/+) was stacking vertically on narrow screens because #toolbar had overflow:hidden which compressed the input-group. Remove the clip and add explicit flex-wrap:nowrap on the range control to keep it horizontal.
roles/dashboard/public/css/app.css
@@ -40,7 +40,18 @@
40
40
41
41
#toolbar {
42
42
max-width: 100%;
43
Removed:
overflow: hidden;
43
Added:
}
44
Added:
45
Added:
#toolbar .toolbar-items {
46
Added:
min-width: 0;
47
Added:
}
48
Added:
49
Added:
.range-control {
50
Added:
flex-wrap: nowrap;
51
Added:
}
52
Added:
53
Added:
.range-control .range-label {
54
Added:
white-space: nowrap;
44
55
}
45
56
46
57
/* ----------------------------------------------------------------