Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-24 03:10:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(sidebar): add ability to customize sidebar styles (#373)

Browse source
This commit is contained in:
Vladimir Lugovsky 2016-10-27 16:30:23 +03:00 • committed by Dmitry Nehaychik
parent 3f824b6e82
commit ecfb007a71
3 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/theme/components/baSidebar/baSidebar.scss
View file

@ -1,6 +1,6 @@
@import '../../sass/conf/conf';
$sidebar-width: 180px;
$sidebar-scroll-width: 4px;
$angle-left: "\f100";
$angle-right: "\f101";
@ -113,8 +113,8 @@ a.al-sidebar-list-link {
.slimScrollBar, .slimScrollRail {
border-radius: 0px !important;
width: 4px !important;
left: 176px;
width: $sidebar-scroll-width !important;
left: $sidebar-width - $sidebar-scroll-width;
}
@mixin layout-collapsed() {
@ -170,11 +170,11 @@ a.al-sidebar-list-link {
}
.sidebar-hover-elem{
width: 4px;
width: $sidebar-scroll-width;
background: $primary;
position: absolute;
top: -150px;
left: 176px;
left: $sidebar-width - $sidebar-scroll-width;
transition: all 0.5s ease;
transition-property: top, height;
height: 42px;

6
src/app/theme/sass/_layout.scss
View file

@ -1,4 +1,6 @@
$left-space: 180px;
@import 'conf/conf';
$left-space: $sidebar-width;
@include scrollbars(.5em, #d9d9d9, rgba(0, 0, 0, 0));
@ -66,7 +68,7 @@ a {
.al-footer {
height: 34px;
padding: 0 18px 0 200px;
padding: 0 18px 0 ($left-space + 20px);
width: 100%;
position: absolute;
display: block;

1
src/app/theme/sass/conf/_variables.scss
View file

@ -10,6 +10,7 @@ $resXXS: 435px;
$resMin: 320px;
$top-height: 66px;
$sidebar-width: 180px;
$small-card-height: 114px;
$xsmall-card-height: 187px;