mirror of
https://github.com/scottlamb/moonfire-nvr.git
synced 2025-02-21 18:42:30 -05:00
51 lines
1.5 KiB
CSS
51 lines
1.5 KiB
CSS
/*
|
|
* This file is part of Moonfire NVR, a security camera network video recorder.
|
|
* Copyright (C) 2021 The Moonfire NVR Authors; see AUTHORS and LICENSE.txt.
|
|
* SPDX-License-Identifier: GPL-v3.0-or-later WITH GPL-3.0-linking-exception
|
|
*/
|
|
|
|
@media (pointer: fine) {
|
|
/*
|
|
* The spacing defined at https://material.io/components/date-pickers#specs
|
|
* seems plenty big enough (on desktop). Not sure why material-ui wants
|
|
* to make it bigger but that doesn't work well with our layout.
|
|
*
|
|
* Defining this here (in a global .css file) is the first way I could find
|
|
* to override properties of .MuiPickerStaticWrapper-root. It's unfortunately
|
|
* a _parent_ of the element that gets the <DatePicker>'s className applied,
|
|
* and it doesn't seem to be exposed for a global style override
|
|
* <https://next.material-ui.com/customization/theme-components/#global-style-overrides>.
|
|
*/
|
|
.MuiPickersStaticWrapper-root {
|
|
min-width: 256px !important;
|
|
}
|
|
|
|
/* Increased specificity here so it doesn't apply to the popup time picker. */
|
|
.MuiPickersStaticWrapper-root .MuiPickerView-root {
|
|
width: 256px !important;
|
|
}
|
|
|
|
.MuiPickersCalendar-root {
|
|
min-height: 160px !important;
|
|
}
|
|
|
|
.MuiPickersCalendar-weekDayLabel {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.MuiPickersCalendar-week {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.MuiPickersDay-dayWithMargin {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.MuiPickersDay-root {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
}
|
|
}
|