style(setting button): dashify class names (#2007)

This commit is contained in:
Sergey Andrievskiy 2019-01-22 12:39:06 +03:00 committed by GitHub
parent 1f56f2aeb2
commit 82129ef0ae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions

View file

@ -21,7 +21,7 @@
border-bottom-left-radius: nb-theme(radius); border-bottom-left-radius: nb-theme(radius);
right: 0; right: 0;
&.sidebarEnd { &.sidebar-end {
border-top-left-radius: 0; border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
right: auto; right: auto;
@ -36,7 +36,7 @@
border-bottom-right-radius: nb-theme(radius); border-bottom-right-radius: nb-theme(radius);
left: 0; left: 0;
&.sidebarEnd { &.sidebar-end {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
left: auto; left: auto;
@ -50,7 +50,7 @@
@include nb-ltr(transform, translate(-19rem, -50%)); @include nb-ltr(transform, translate(-19rem, -50%));
@include nb-rtl(transform, translate(19rem, -50%)); @include nb-rtl(transform, translate(19rem, -50%));
&.sidebarEnd { &.sidebar-end {
@include nb-rtl(transform, translate(-19rem, -50%)); @include nb-rtl(transform, translate(-19rem, -50%));
@include nb-ltr(transform, translate(19rem, -50%)); @include nb-ltr(transform, translate(19rem, -50%));
} }
@ -89,7 +89,7 @@
} }
} }
&:not(.wasExpanded) i { &:not(.was-expanded) i {
animation-name: gear-pulse; animation-name: gear-pulse;
animation-duration: 1s; animation-duration: 1s;
animation-iteration-count: infinite; animation-iteration-count: infinite;

View file

@ -9,8 +9,8 @@ import { StateService } from '../../../@core/utils';
<button class="toggle-settings" <button class="toggle-settings"
(click)="toggleSettings()" (click)="toggleSettings()"
[class.expanded]="expanded" [class.expanded]="expanded"
[class.sidebarEnd]="sidebarEnd" [class.sidebar-end]="sidebarEnd"
[class.wasExpanded]="wasExpanded" [class.was-expanded]="wasExpanded"
> >
<i class="nb-gear"></i> <i class="nb-gear"></i>
</button> </button>