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(dashboard): improve temperature dragger responsiveness

Browse source
This commit is contained in:
KostyaDanovsky 2017-09-13 18:50:33 +03:00
parent a20c05ba88
commit 41009c5f3e
3 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.html
View file

@ -36,5 +36,5 @@
</div> </div>
<div class="power-bg" [ngClass]="{'off': off}" (click)="switchPower()"> <div class="power-bg" [ngClass]="{'off': off}" (click)="switchPower()">
<i class="ion-power"></i> <i class="nb-power"></i>
</div> </div>

2
src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.scss
View file

@ -53,7 +53,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
font-size: 2.5rem; font-size: 4rem;
color: nb-theme(color-fg-heading); color: nb-theme(color-fg-heading);
transition: all 0.1s ease-out; transition: all 0.1s ease-out;
border: 2px solid nb-theme(separator); border: 2px solid nb-theme(separator);

16
src/app/pages/dashboard/temperature/temperature.component.scss
View file

@ -1,4 +1,6 @@
@import '../../../@theme/styles/themes'; @import '../../../@theme/styles/themes';
@import '~bootstrap/scss/mixins/breakpoints';
@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
@include nb-install-component() { @include nb-install-component() {
@ -34,6 +36,7 @@
ngx-temperature-dragger { ngx-temperature-dragger {
margin-top: -1.5rem; margin-top: -1.5rem;
width: 80%; width: 80%;
max-width: 300px;
} }
.slider-value-container { .slider-value-container {
@ -90,6 +93,7 @@
.btn-group { .btn-group {
padding: 1.25rem; padding: 1.25rem;
justify-content: center
} }
.btn-icon { .btn-icon {
@ -98,6 +102,7 @@
justify-content: center; justify-content: center;
border-color: nb-theme(form-control-border-color); border-color: nb-theme(form-control-border-color);
width: 4.5rem;
height: 4.5rem; height: 4.5rem;
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
@ -126,4 +131,15 @@
} }
} }
} }
@include media-breakpoint-down(xs) {
.btn-icon {
width: 3.5rem;
height: 3.5rem;
}
nb-tabset /deep/ ul {
padding: 0 0.5rem;
}
}
} }