github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

feat: small app-content-(top|bottom)-area changes

pull/5186/head
REJack 2023-06-07 00:50:45 +02:00
parent 60dade8951
commit ee0ea176b0
2 changed files with 45 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/scss/_app-content.scss
View File

@ -14,27 +14,35 @@
display: contents; display: contents;
} }
&:not(.app-content-bottom-area-md), &.app-content-top-area-sm,
&:not(.app-content-bottom-area-lg), &.app-content-bottom-area-sm{
&:not(.app-content-bottom-area-xl) {
min-height: $lte-app-content-bottom-area-height-sm; min-height: $lte-app-content-bottom-area-height-sm;
max-height: $lte-app-content-bottom-area-height-sm; max-height: $lte-app-content-bottom-area-height-sm;
} }
&.app-content-top-area-md,
&.app-content-bottom-area-md{ &.app-content-bottom-area-md{
min-height: $lte-app-content-bottom-area-height-md; min-height: $lte-app-content-bottom-area-height-md;
max-height: $lte-app-content-bottom-area-height-md; max-height: $lte-app-content-bottom-area-height-md;
} }
&.app-content-top-area-lg,
&.app-content-bottom-area-lg{ &.app-content-bottom-area-lg{
min-height: $lte-app-content-bottom-area-height-lg; min-height: $lte-app-content-bottom-area-height-lg;
max-height: $lte-app-content-bottom-area-height-lg; max-height: $lte-app-content-bottom-area-height-lg;
} }
&.app-content-top-area-xl,
&.app-content-bottom-area-xl{ &.app-content-bottom-area-xl{
min-height: $lte-app-content-bottom-area-height-xl; min-height: $lte-app-content-bottom-area-height-xl;
max-height: $lte-app-content-bottom-area-height-xl; max-height: $lte-app-content-bottom-area-height-xl;
} }
} }
.app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
.app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
padding-top: $grid-gutter-width * 0.625;
padding-bottom: $grid-gutter-width * 0.625;
}
.app-content-bottom-area { .app-content-bottom-area {
border-top: $lte-app-footer-border-top; border-top: $lte-app-footer-border-top;
} }

31
src/scss/_compact-mode.scss
View File

@ -1,4 +1,34 @@
.compact-mode { .compact-mode {
.app-content-top-area:not(.app-content-top-area-sm):not(.app-content-top-area-md):not(.app-content-top-area-lg):not(.app-content-top-area-xl),
.app-content-bottom-area:not(.app-content-bottom-area-sm):not(.app-content-bottom-area-md):not(.app-content-bottom-area-lg):not(.app-content-bottom-area-xl) {
padding-top: $grid-gutter-width * 0.425;
padding-bottom: $grid-gutter-width * 0.425;
}
.app-content-top-area-sm,
.app-content-bottom-area-sm {
min-height: $lte-app-content-bottom-area-height-sm * .825;
max-height: $lte-app-content-bottom-area-height-sm * .825;
}
.app-content-top-area-md,
.app-content-bottom-area-md {
min-height: $lte-app-content-bottom-area-height-md * .825;
max-height: $lte-app-content-bottom-area-height-md * .825;
}
.app-content-top-area-lg,
.app-content-bottom-area-lg {
min-height: $lte-app-content-bottom-area-height-lg * .825;
max-height: $lte-app-content-bottom-area-height-lg * .825;
}
.app-content-top-area-xl,
.app-content-bottom-area-xl {
min-height: $lte-app-content-bottom-area-height-xl * .825;
max-height: $lte-app-content-bottom-area-height-xl * .825;
}
.app-header { .app-header {
max-height: $lte-app-header-height-compact; max-height: $lte-app-header-height-compact;
@ -34,6 +64,7 @@
width: $nav-link-height-compact; width: $nav-link-height-compact;
height: $nav-link-height-compact; height: $nav-link-height-compact;
} }
.sidebar-brand { .sidebar-brand {
height: $lte-app-header-height-compact; height: $lte-app-header-height-compact;
} }