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

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

@ -14,27 +14,35 @@
display: contents;
}
&:not(.app-content-bottom-area-md),
&:not(.app-content-bottom-area-lg),
&:not(.app-content-bottom-area-xl) {
&.app-content-top-area-sm,
&.app-content-bottom-area-sm{
min-height: $lte-app-content-bottom-area-height-sm;
max-height: $lte-app-content-bottom-area-height-sm;
}
&.app-content-bottom-area-md {
&.app-content-top-area-md,
&.app-content-bottom-area-md{
min-height: $lte-app-content-bottom-area-height-md;
max-height: $lte-app-content-bottom-area-height-md;
}
&.app-content-bottom-area-lg {
&.app-content-top-area-lg,
&.app-content-bottom-area-lg{
min-height: $lte-app-content-bottom-area-height-lg;
max-height: $lte-app-content-bottom-area-height-lg;
}
&.app-content-bottom-area-xl {
&.app-content-top-area-xl,
&.app-content-bottom-area-xl{
min-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 {
border-top: $lte-app-footer-border-top;
}

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

@ -1,4 +1,34 @@
.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 {
max-height: $lte-app-header-height-compact;
@ -34,6 +64,7 @@
width: $nav-link-height-compact;
height: $nav-link-height-compact;
}
.sidebar-brand {
height: $lte-app-header-height-compact;
}