use bootstrap button group instead of separate buttons (#317)
This commit is contained in:
committed by
László Monda
parent
b7b56ca491
commit
bf435f9e82
@@ -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>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user