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">
|
<div class="text-center">
|
||||||
<span class="uhk__layer-switcher--wrapper" data-title="Layers: ">
|
<span role="group" class="uhk__layer-switcher--wrapper btn-group btn-group-lg" data-title="Layers: ">
|
||||||
<button type="button" class="btn btn-default btn-lg" *ngFor="let button of buttons; let index = index" (click)="selectLayer(index)"
|
<button type="button" class="btn btn-default" *ngFor="let button of buttons; let index = index" (click)="selectLayer(index)"
|
||||||
[class.btn-primary]="index === current">
|
[class.btn-primary]="index === current">
|
||||||
{{ button }}
|
{{ button }}
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@@ -15,10 +15,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
|
||||||
margin: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uhk {
|
.uhk {
|
||||||
&__layer-switcher {
|
&__layer-switcher {
|
||||||
&--wrapper {
|
&--wrapper {
|
||||||
@@ -29,7 +25,7 @@ button {
|
|||||||
content: attr(data-title);
|
content: attr(data-title);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -0.3em;
|
bottom: 0.3em;
|
||||||
right: 100%;
|
right: 100%;
|
||||||
font-size: 2.4rem;
|
font-size: 2.4rem;
|
||||||
padding-right: 0.25em;
|
padding-right: 0.25em;
|
||||||
|
|||||||
Reference in New Issue
Block a user