thornbill
711f61d93d
Fix positioning of the main animated page elements Original-merge: f7f5ac99b05f321cf43290c6bcf533332b8744bd Merged-by: thornbill <thornbill@users.noreply.github.com> Backported-by: Joshua M. Boniface <joshua@boniface.me>
48 lines
1.1 KiB
SCSS
48 lines
1.1 KiB
SCSS
// Default MUI breakpoints
|
|
// https://mui.com/material-ui/customization/breakpoints/#default-breakpoints
|
|
$mui-bp-sm: 600px;
|
|
$mui-bp-md: 900px;
|
|
$mui-bp-lg: 1200px;
|
|
$mui-bp-xl: 1536px;
|
|
|
|
$drawer-width: 240px;
|
|
|
|
// Fix main pages layout to work with drawer
|
|
.mainAnimatedPage {
|
|
@media all and (min-width: $mui-bp-md) {
|
|
left: $drawer-width;
|
|
}
|
|
}
|
|
|
|
// Hide some items from the user "settings" page that are in the drawer
|
|
#myPreferencesMenuPage {
|
|
.lnkQuickConnectPreferences,
|
|
.adminSection,
|
|
.userSection {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
// Fix the padding of some pages
|
|
.homePage.libraryPage.withTabs, // Home page
|
|
// Library pages excluding the item details page and tabbed pages
|
|
.libraryPage:not(
|
|
.itemDetailPage,
|
|
.withTabs
|
|
) {
|
|
padding-top: 3.25rem !important;
|
|
}
|
|
// Tabbed library pages
|
|
.libraryPage.withTabs {
|
|
padding-top: 6.5rem !important;
|
|
|
|
@media all and (min-width: $mui-bp-lg) {
|
|
padding-top: 3.25rem !important;
|
|
}
|
|
}
|
|
|
|
// Fix backdrop position on mobile item details page
|
|
.layout-mobile .itemBackdrop {
|
|
margin-top: 0 !important;
|
|
}
|