purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-10 12:35:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

added header-bg image

Browse Source
This commit is contained in:
Sercan Yemen 2017-08-18 15:09:12 +03:00
parent 723d9e110f
commit 953f8cf44a
9 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/core/scss/partials/_page-layouts.scss
View File

@ -10,6 +10,9 @@ $header-height-sm: 100px !default;
$carded-header-height-without-toolbar: $carded-header-height - $carded-toolbar-height; $carded-header-height-without-toolbar: $carded-header-height - $carded-toolbar-height;
$carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-toolbar-height; $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-toolbar-height;
// Top bg image
$top-bg-image: url('assets/images/backgrounds/header-bg.png');
.page-layout { .page-layout {
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
@ -31,6 +34,7 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
right: 0; right: 0;
left: 0; left: 0;
height: $carded-header-height; height: $carded-header-height;
background-image: $top-bg-image;
@include media-breakpoint('sm') { @include media-breakpoint('sm') {
height: $carded-header-height-sm; height: $carded-header-height-sm;
@ -269,13 +273,8 @@ $carded-header-height-without-toolbar-sm: $carded-header-height-sm - $carded-too
min-width: 100%; min-width: 100%;
// Top bg // Top bg
.top-bg { .header {
position: absolute; background-image: $top-bg-image;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: $header-height;
} }
// Fullwidth // Fullwidth

2
src/app/main/content/apps/mail/sidenavs/main/main-sidenav.component.html
View File

@ -1,5 +1,5 @@
<!-- SIDENAV HEADER --> <!-- SIDENAV HEADER -->
<div class="header md-accent-bg p-24" fxLayout="column" fxLayoutAlign="space-between start"> <div class="header white-fg p-24" fxLayout="column" fxLayoutAlign="space-between start">
<div class="logo" fxFlex fxLayout="row" fxLayoutAlign="start center"> <div class="logo" fxFlex fxLayout="row" fxLayoutAlign="start center">
<md-icon class="logo-icon s-32 white-fg">mail</md-icon> <md-icon class="logo-icon s-32 white-fg">mail</md-icon>
<span class="logo-text">Mailbox</span> <span class="logo-text">Mailbox</span>

2
src/app/main/content/apps/todo/sidenavs/main/main-sidenav.component.html
View File

@ -1,5 +1,5 @@
<!-- SIDENAV HEADER --> <!-- SIDENAV HEADER -->
<div class="header md-accent-bg p-24" fxLayout="column" fxLayoutAlign="space-between start"> <div class="header white-fg p-24" fxLayout="column" fxLayoutAlign="space-between start">
<div class="logo" fxFlex fxLayout="row" fxLayoutAlign="start center"> <div class="logo" fxFlex fxLayout="row" fxLayoutAlign="start center">
<md-icon class="logo-icon s-32 white-fg">check_box</md-icon> <md-icon class="logo-icon s-32 white-fg">check_box</md-icon>
<span class="logo-text">To-do</span> <span class="logo-text">To-do</span>

2
src/app/main/content/ui/page-layouts/carded/fullwidth-2/fullwidth-2.component.html
View File

@ -8,7 +8,7 @@
<div class="center"> <div class="center">
<!-- CONTENT HEADER --> <!-- CONTENT HEADER -->
<div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center"> <div class="header white-fg p-24" fxLayout="row" fxLayoutAlign="start center">
<h2>Fullwidth with page scroll</h2> <h2>Fullwidth with page scroll</h2>
</div> </div>
<!-- / CONTENT HEADER --> <!-- / CONTENT HEADER -->

2
src/app/main/content/ui/page-layouts/carded/fullwidth/fullwidth.component.html
View File

@ -8,7 +8,7 @@
<div class="center"> <div class="center">
<!-- CONTENT HEADER --> <!-- CONTENT HEADER -->
<div class="header md-accent-bg p-24" fxLayout="row" fxLayoutAlign="start center"> <div class="header white-fg p-24" fxLayout="row" fxLayoutAlign="start center">
<h2>Fullwidth with content scroll</h2> <h2>Fullwidth with content scroll</h2>
</div> </div>
<!-- / CONTENT HEADER --> <!-- / CONTENT HEADER -->

4
src/app/main/content/ui/page-layouts/carded/left-sidenav-2/left-sidenav-2.component.html
View File

@ -11,7 +11,7 @@
fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md"> fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md">
<!-- SIDENAV HEADER --> <!-- SIDENAV HEADER -->
<div class="header md-accent-bg p-24"> <div class="header p-24">
<h2>Sidenav header</h2> <h2>Sidenav header</h2>
</div> </div>
<!-- / SIDENAV HEADER --> <!-- / SIDENAV HEADER -->
@ -29,7 +29,7 @@
<div class="center"> <div class="center">
<!-- CONTENT HEADER --> <!-- CONTENT HEADER -->
<div class="header md-accent-bg p-24"> <div class="header white-fg p-24">
<h2>Left sidenav with page scroll</h2> <h2>Left sidenav with page scroll</h2>
</div> </div>
<!-- / CONTENT HEADER --> <!-- / CONTENT HEADER -->

4
src/app/main/content/ui/page-layouts/carded/left-sidenav/left-sidenav.component.html
View File

@ -11,7 +11,7 @@
fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md"> fuseMdSidenavHelper="carded-left-sidenav" md-is-locked-open="gt-md">
<!-- SIDENAV HEADER --> <!-- SIDENAV HEADER -->
<div class="header md-accent-bg p-24"> <div class="header p-24">
<h2>Sidenav header</h2> <h2>Sidenav header</h2>
</div> </div>
<!-- / SIDENAV HEADER --> <!-- / SIDENAV HEADER -->
@ -31,7 +31,7 @@
<div class="center"> <div class="center">
<!-- CONTENT HEADER --> <!-- CONTENT HEADER -->
<div class="header md-accent-bg p-24"> <div class="header white-fg p-24">
<h2>Left sidenav with content scroll</h2> <h2>Left sidenav with content scroll</h2>
</div> </div>
<!-- / CONTENT HEADER --> <!-- / CONTENT HEADER -->

4
src/app/main/content/ui/page-layouts/carded/right-sidenav-2/right-sidenav-2.component.html
View File

@ -10,7 +10,7 @@
<div class="center"> <div class="center">
<!-- CONTENT HEADER --> <!-- CONTENT HEADER -->
<div class="header md-accent-bg p-24"> <div class="header white-fg p-24">
<h2>Right sidenav with page scroll</h2> <h2>Right sidenav with page scroll</h2>
</div> </div>
<!-- / CONTENT HEADER --> <!-- / CONTENT HEADER -->
@ -49,7 +49,7 @@
fuseMdSidenavHelper="carded-right-sidenav" md-is-locked-open="gt-md"> fuseMdSidenavHelper="carded-right-sidenav" md-is-locked-open="gt-md">
<!-- SIDENAV HEADER --> <!-- SIDENAV HEADER -->
<div class="header md-accent-bg p-24"> <div class="header p-24">
<h2>Sidenav header</h2> <h2>Sidenav header</h2>
</div> </div>
<!-- / SIDENAV HEADER --> <!-- / SIDENAV HEADER -->

4
src/app/main/content/ui/page-layouts/carded/right-sidenav/right-sidenav.component.html
View File

@ -10,7 +10,7 @@
<div class="center"> <div class="center">
<!-- CONTENT HEADER --> <!-- CONTENT HEADER -->
<div class="header md-accent-bg p-24"> <div class="header white-fg p-24">
<h2>Right sidenav with content scroll</h2> <h2>Right sidenav with content scroll</h2>
</div> </div>
<!-- / CONTENT HEADER --> <!-- / CONTENT HEADER -->
@ -49,7 +49,7 @@
fuseMdSidenavHelper="carded-right-sidenav" md-is-locked-open="gt-md"> fuseMdSidenavHelper="carded-right-sidenav" md-is-locked-open="gt-md">
<!-- SIDENAV HEADER --> <!-- SIDENAV HEADER -->
<div class="header md-accent-bg p-24"> <div class="header p-24">
<h2>Sidenav header</h2> <h2>Sidenav header</h2>
</div> </div>
<!-- / SIDENAV HEADER --> <!-- / SIDENAV HEADER -->