Skip to content

Commit 18e1c1c

Browse files
committed
Add generic CSS classes to Wegue toolbar buttons
This adds the CSS classes - wgu-toggle-button - wgu-menu-button - wgu-action-button to the Wegue toolbar button component, so they get addressable via (S)CSS.
1 parent 17bc6eb commit 18e1c1c

File tree

5 files changed

+5
-2
lines changed

5 files changed

+5
-2
lines changed

app-starter/components/AppHeader.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
<template v-slot:activator="{on}">
3636

3737
<v-btn icon v-on="on"
38+
class="wgu-menu-button"
3839
color="onprimary"
3940
:title="$t('wgu-toolbar-menu.title')">
4041
<v-icon medium>menu</v-icon>

src/components/geolocator/Geolocator.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<template>
22
<span>
33
<v-btn @click="geolocateUserAndShowMarkerOnMap" icon
4+
class="wgu-action-button"
45
color="onprimary"
56
:title="$t('wgu-geolocator.title')">
67
<v-icon v-if='this.isSearchingForGeolocation'>update</v-icon>

src/components/localeswitcher/LocaleSwitcher.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
color="onprimary"
1010
background-color="transparent"
1111
:title="$t('wgu-localeswitcher.title')"
12-
class="ma-2"
12+
class="ma-2 wgu-menu-button"
1313
icon
1414
v-on="on"
1515
v-bind="attrs"

src/components/maxextentbutton/ZoomToMaxExtentButton.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<v-btn icon color="onprimary" @click="onClick"
2+
<v-btn icon color="onprimary" @click="onClick" class="wgu-action-button"
33
:title="$t('wgu-zoomtomaxextent.title')">
44
<v-icon medium>{{icon}}</v-icon>
55
</v-btn>

src/components/modulecore/ToggleButton.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
dense
55
color="onprimary"
66
background-color="transparent"
7+
class="wgu-toggle-button"
78
:title="$t(moduleName + '.title')"
89
v-model="show">
910
<v-btn icon :value="true" color="onprimary" @click="toggleUi">

0 commit comments

Comments
 (0)