fix(dashboard): fix the button group styles (#19)

This commit is contained in:
Lex Zhukov 2017-07-20 19:55:07 +03:00 committed by GitHub
parent 0d107a2a7e
commit 7781de52dd
4 changed files with 12 additions and 15 deletions

View file

@ -41,17 +41,15 @@
</div> </div>
</div> </div>
<!--<div class="btn-group" ngbDropdown ngbDropdownToggle>--> <!-- <div class="btn-group" ngbDropdown>
<!--<button type="button" class="btn btn-primary">Week</button>--> <button type="button" class="btn btn-primary">Week</button>
<!--<button type="button" class="btn btn-primary">--> <button type="button" class="btn btn-primary" ngbDropdownToggle></button>
<!--<span class="sr-only">Dropdown</span>--> <ul class="dropdown-menu">
<!--</button>--> <li class="dropdown-item">Week</li>
<!--<ul class="dropdown-menu">--> <li class="dropdown-item">Month</li>
<!--<li class="dropdown-item">Week</li>--> <li class="dropdown-item">Year</li>
<!--<li class="dropdown-item">Month</li>--> </ul>
<!--<li class="dropdown-item">Year</li>--> </div> -->
<!--</ul>-->
<!--</div>-->
</div> </div>
<ngx-electricity-chart></ngx-electricity-chart> <ngx-electricity-chart></ngx-electricity-chart>

View file

@ -43,7 +43,7 @@
</div> </div>
</div> </div>
<div class="player-playlist-commands"> <div class="player-playlist-commands">
<div class="btn-group btn-group-block btn-group-divider" data-toggle="buttons"> <div class="btn-group btn-group-full-width" data-toggle="buttons">
<label class="btn btn-primary" [class.active]="playlistCommandsModel.left"> <label class="btn btn-primary" [class.active]="playlistCommandsModel.left">
<input type="checkbox" [(ngModel)]="playlistCommandsModel.left"/> <i class="ion-plus-round"></i> <input type="checkbox" [(ngModel)]="playlistCommandsModel.left"/> <i class="ion-plus-round"></i>
</label> </label>

View file

@ -98,10 +98,9 @@
justify-content: center; justify-content: center;
border-color: nga-theme(form-control-border-color); border-color: nga-theme(form-control-border-color);
width: 4.5rem;
height: 4.5rem; height: 4.5rem;
padding: 0; padding: 0;
margin: 0; margin-bottom: 0;
&.active { &.active {
border-color: nga-theme(color-fg-highlight); border-color: nga-theme(color-fg-highlight);

View file

@ -4,7 +4,7 @@
<div class="row block-level-buttons"> <div class="row block-level-buttons">
<div class="col-md-12"> <div class="col-md-12">
<div class="btn-group btn-group-full-width" role="group"> <div class="btn-group btn-group-full-width" role="group">
<button type="button" class="btn btn-primary btn-group-icon btn-group-divider"> <button type="button" class="btn btn-primary btn-group-icon btn-group-divider btn-fixed">
<i class="ion-ios-home-outline"></i> <i class="ion-ios-home-outline"></i>
</button> </button>
<button type="button" class="btn btn-primary">Icon Block Button</button> <button type="button" class="btn btn-primary">Icon Block Button</button>