use bootstrap button group instead of separate buttons (#317)

This commit is contained in:
Attila Csanyi
2017-06-21 17:33:26 +02:00
committed by László Monda
parent b7b56ca491
commit bf435f9e82
2 changed files with 3 additions and 7 deletions

View File

@@ -1,6 +1,6 @@
<div class="text-center">
<span class="uhk__layer-switcher--wrapper" data-title="Layers: ">
<button type="button" class="btn btn-default btn-lg" *ngFor="let button of buttons; let index = index" (click)="selectLayer(index)"
<span role="group" class="uhk__layer-switcher--wrapper btn-group btn-group-lg" data-title="Layers: ">
<button type="button" class="btn btn-default" *ngFor="let button of buttons; let index = index" (click)="selectLayer(index)"
[class.btn-primary]="index === current">
{{ button }}
</button>

View File

@@ -15,10 +15,6 @@
}
}
button {
margin: 2px;
}
.uhk {
&__layer-switcher {
&--wrapper {
@@ -29,7 +25,7 @@ button {
content: attr(data-title);
display: inline-block;
position: absolute;
bottom: -0.3em;
bottom: 0.3em;
right: 100%;
font-size: 2.4rem;
padding-right: 0.25em;