Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 15:40:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(menu): main button styles

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-07-21 19:31:01 +03:00
parent fda6c717df
commit 1a60dfa81b
2 changed files with 8 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/app/@theme/layouts/one-column/one-column.layout.scss
View file

@ -1,75 +1,13 @@
@import '../../styles/variables';
// TODO move colors to theme
@include nga-install-component() {
/deep/ {
.layout {
@include nga-install-root-component() {
nga-layout-header > nav {
.left {
color: nga-theme(color-inverse);
a {
color: nga-theme(color-inverse) !important;
&:hover {
color: nga-theme(color-secondary) !important;
}
}
}
.right i {
color: #7d85b2;
&:hover {
color: nga-theme(color-secondary);
}
}
}
nga-sidebar {
z-index: 1;
background: transparent;
.scrollable {
//box-shadow: $layout-shadow;
margin-top: nga-theme(layout-padding);
border-top-right-radius: nga-theme(radius);
}
}
nga-layout-footer > nav {
$footer-link: nga-theme(color-secondary);
border: none !important;
padding: 1.25rem;
.created-by {
color: #7d85b2;
a {
color: #7d85b2 !important;
&:hover {
color: nga-theme(color-secondary) !important;
}
}
}
}
}
nga-menu {
> ul > li:first-child {
a {
background-image: linear-gradient(to right, #664dd9, #9d52f2) !important;
box-shadow: 0 0 12px 0 rgba(128, 51, 255, 0.35) !important;
margin: 1rem;
border-radius: nga-theme(radius);
height: 3.5rem;
color: nga-theme(color-inverse);
}
}
nga-sidebar {
.main-btn {
display: block;
padding: 1rem 3rem;
margin-left: auto;
margin-right: auto;
}
}
}

1
src/app/@theme/layouts/one-column/one-column.layout.ts
View file

@ -11,6 +11,7 @@ import { Component } from '@angular/core';
</nga-layout-header>
<nga-sidebar responsive>
<button class="btn btn-hero-success main-btn"><i class="ion ion-social-github-outline"></i> Support Us</button>
<ng-content select="nga-menu"></ng-content>
</nga-sidebar>