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

fix(theme): theme switcher transition and shadow

Browse source
This commit is contained in:
tibing 2017-09-05 18:56:26 +03:00
parent 5555373167
commit da859ba0bb
1 changed files with 8 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/app/@theme/components/header/header.component.scss
View file

@ -41,10 +41,12 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
cursor: pointer;
span { & > span {
font-size: 1.125rem; font-size: 1.125rem;
font-weight: nb-theme(font-weight-bold); font-weight: nb-theme(font-weight-bold);
transition: opacity 0.3s ease;
&.light { &.light {
color: nb-theme(color-fg-text); color: nb-theme(color-fg-text);
@ -63,6 +65,10 @@
color: nb-theme(color-white); color: nb-theme(color-white);
} }
} }
&:active {
opacity: 0.78;
}
} }
} }
@ -83,14 +89,12 @@
.slider { .slider {
position: absolute; position: absolute;
cursor: pointer;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
border-radius: 1.75rem; border-radius: 1.75rem;
background-color: nb-theme(layout-bg); background-color: nb-theme(layout-bg);
transition: 0.2s;
} }
.slider::before { .slider::before {
@ -102,11 +106,10 @@
background-color: nb-theme(color-success); background-color: nb-theme(color-success);
transition: 0.2s; transition: 0.2s;
box-shadow: 0 0.125rem 1rem 0 rgba(nb-theme(color-fg), 0.4); box-shadow: 0 0 0.25rem 0 rgba(nb-theme(color-fg), 0.4);
@include nb-for-theme(cosmic) { @include nb-for-theme(cosmic) {
@include btn-hero-primary-gradient(); @include btn-hero-primary-gradient();
box-shadow: 0 0.125rem 1rem 0 nb-theme(color-primary);
} }
} }
} }