mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-28 19:13:12 +00:00
c06e99dc97
Lots of breaking changes, all "md" prefixes changed with "mat" due to angular material deprecation of "md", md2 package removed, its not compatible with latest material version, will be replaced with another date picker later.
63 lines
1.0 KiB
SCSS
63 lines
1.0 KiB
SCSS
@import 'src/app/core/scss/fuse';
|
|
|
|
:host {
|
|
position: relative;
|
|
display: flex;
|
|
flex: 0 0 auto;
|
|
z-index: 4;
|
|
|
|
&.below {
|
|
z-index: 2;
|
|
}
|
|
|
|
.mat-toolbar {
|
|
background: inherit;
|
|
color: inherit;
|
|
position: relative;
|
|
|
|
.loading-bar {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.logo {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.logo-icon {
|
|
width: 38px;
|
|
}
|
|
}
|
|
|
|
.user-button,
|
|
fuse-search-bar,
|
|
.language-button,
|
|
.quick-panel-toggle-button {
|
|
min-width: 64px;
|
|
height: 64px;
|
|
|
|
@include media-breakpoint-down('xs') {
|
|
height: 56px;
|
|
}
|
|
}
|
|
|
|
.toggle-button-navbar {
|
|
min-width: 56px;
|
|
height: 56px;
|
|
}
|
|
|
|
.toolbar-separator {
|
|
height: 64px;
|
|
width: 1px;
|
|
background: rgba(0, 0, 0, .12);
|
|
|
|
@include media-breakpoint-down('xs') {
|
|
height: 56px;
|
|
}
|
|
}
|
|
}
|