mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-10 04:25:08 +00:00
(Page layouts) Small tweaks
This commit is contained in:
parent
d5f1fcfefa
commit
436bd0aa91
|
@ -53,14 +53,14 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
|
|
||||||
> .header {
|
> .header {
|
||||||
height: $carded-header-height-without-toolbar;
|
height: $carded-header-height-without-toolbar !important;
|
||||||
min-height: $carded-header-height-without-toolbar;
|
min-height: $carded-header-height-without-toolbar !important;
|
||||||
max-height: $carded-header-height-without-toolbar;
|
max-height: $carded-header-height-without-toolbar !important;
|
||||||
|
|
||||||
@include media-breakpoint-down('sm') {
|
@include media-breakpoint-down('sm') {
|
||||||
height: $carded-header-height-without-toolbar-sm;
|
height: $carded-header-height-without-toolbar-sm !important;
|
||||||
min-height: $carded-header-height-without-toolbar-sm;
|
min-height: $carded-header-height-without-toolbar-sm !important;
|
||||||
max-height: $carded-header-height-without-toolbar-sm;
|
max-height: $carded-header-height-without-toolbar-sm !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -192,6 +192,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
|
||||||
max-width: 240px;
|
max-width: 240px;
|
||||||
height: auto;
|
height: auto;
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
|
overflow: hidden;
|
||||||
@include mat-elevation(7);
|
@include mat-elevation(7);
|
||||||
|
|
||||||
&.locked-open {
|
&.locked-open {
|
||||||
|
@ -231,6 +232,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -438,6 +440,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
|
||||||
min-width: 240px;
|
min-width: 240px;
|
||||||
max-width: 240px;
|
max-width: 240px;
|
||||||
z-index: 4;
|
z-index: 4;
|
||||||
|
overflow: hidden;
|
||||||
@include mat-elevation(7);
|
@include mat-elevation(7);
|
||||||
|
|
||||||
&.locked-open {
|
&.locked-open {
|
||||||
|
@ -462,6 +465,10 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Center
|
// Center
|
||||||
|
@ -520,6 +527,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
|
||||||
}
|
}
|
||||||
|
|
||||||
> .center {
|
> .center {
|
||||||
|
flex: 1 1 auto;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user