summaryrefslogtreecommitdiffstats
path: root/webapp
diff options
context:
space:
mode:
authorUdo Walter2019-05-02 01:59:40 +0200
committerUdo Walter2019-05-02 01:59:40 +0200
commit3c4e6f92562e7d0439be0d9ba3ae86f2eef61012 (patch)
treeedfe230aa3c3d28c7eca9580ff2a993ba2366efc /webapp
parent[webapp/groups] fix tab switching when setting showall (diff)
downloadbas-3c4e6f92562e7d0439be0d9ba3ae86f2eef61012.tar.gz
bas-3c4e6f92562e7d0439be0d9ba3ae86f2eef61012.tar.xz
bas-3c4e6f92562e7d0439be0d9ba3ae86f2eef61012.zip
[webapp] very small ui changes
Diffstat (limited to 'webapp')
-rw-r--r--webapp/src/assets/styles.css2
-rw-r--r--webapp/src/components/ConfiguratorModuleConfig.vue9
-rw-r--r--webapp/src/components/GroupModuleClientView.vue2
-rw-r--r--webapp/src/components/GroupModuleGroupInfo.vue2
-rw-r--r--webapp/src/components/SelectBox.vue1
5 files changed, 9 insertions, 7 deletions
diff --git a/webapp/src/assets/styles.css b/webapp/src/assets/styles.css
index 83556ca..b33e2e7 100644
--- a/webapp/src/assets/styles.css
+++ b/webapp/src/assets/styles.css
@@ -51,7 +51,7 @@ html {
.tabbar-card {
position: sticky;
top: 64px;
- z-index: 9;
+ z-index: 3;
}
.tabbar-card .v-tabs .v-tabs__item {
diff --git a/webapp/src/components/ConfiguratorModuleConfig.vue b/webapp/src/components/ConfiguratorModuleConfig.vue
index d61cce4..654f493 100644
--- a/webapp/src/components/ConfiguratorModuleConfig.vue
+++ b/webapp/src/components/ConfiguratorModuleConfig.vue
@@ -13,7 +13,8 @@
"keyBind": "Key Bind",
"defaultEntry": "Mark this entry as default",
"entry": "Entry",
- "spacer": "[Spacer]"
+ "spacer": "[Spacer]",
+ "noEntries": "No Entries"
},
"de": {
"name": "Name",
@@ -28,7 +29,8 @@
"keyBind": "Tastenbelegung",
"defaultEntry": "Diesen Eintrag als Standard markieren",
"entry": "Eintrag",
- "spacer": "[Abstandshalter]"
+ "spacer": "[Abstandshalter]",
+ "noEntries": "Keine Einträge"
}
}
</i18n>
@@ -60,7 +62,7 @@
<div v-else class="text-xs-right">
<v-subheader>{{ $t('entries') }}</v-subheader>
<v-list>
- <draggable v-model="items" :options="{handle:'.handle'}">
+ <draggable v-if="items.length" v-model="items" :options="{ handle:'.handle' }">
<v-list-tile v-for="item in items" :key="item.entry.id" @click.stop>
<v-list-tile-action class="handle">
<v-icon>drag_handle</v-icon>
@@ -83,6 +85,7 @@
</v-list-tile-action>
</v-list-tile>
</draggable>
+ <div v-else class="text-xs-center">{{ $t('noEntries') }}</div>
</v-list>
<v-btn @click="addItem" color="success" fab small><v-icon dark>add</v-icon></v-btn>
</div>
diff --git a/webapp/src/components/GroupModuleClientView.vue b/webapp/src/components/GroupModuleClientView.vue
index 6e5e2e6..fae52fe 100644
--- a/webapp/src/components/GroupModuleClientView.vue
+++ b/webapp/src/components/GroupModuleClientView.vue
@@ -47,7 +47,7 @@
<div v-else class="chip-container non-selectable">
<v-tooltip v-for="group in firstGroups" :key="group.id" top open-delay="800">
<template #activator="{ on }">
- <v-chip v-on="on" small label style="width: calc(50% - 8px)" @click="openGroup(group)">
+ <v-chip v-on="on" small style="width: calc(50% - 8px)" @click="openGroup(group)">
<span class="chip-text">{{ group.name || group.id }}</span>
</v-chip>
</template>
diff --git a/webapp/src/components/GroupModuleGroupInfo.vue b/webapp/src/components/GroupModuleGroupInfo.vue
index 8e06a3e..373de61 100644
--- a/webapp/src/components/GroupModuleGroupInfo.vue
+++ b/webapp/src/components/GroupModuleGroupInfo.vue
@@ -55,7 +55,7 @@
<div v-else class="chip-container non-selectable">
<v-tooltip v-for="parent in firstParents" :key="parent.id" top open-delay="800">
<template #activator="{ on }">
- <v-chip v-on="on" small label style="width: calc(50% - 8px)" @click="openParent(parent)">
+ <v-chip v-on="on" small style="width: calc(50% - 8px)" @click="openParent(parent)">
<span class="chip-text">{{ parent.name || parent.id }}</span>
</v-chip>
</template>
diff --git a/webapp/src/components/SelectBox.vue b/webapp/src/components/SelectBox.vue
index d01429e..6f188a2 100644
--- a/webapp/src/components/SelectBox.vue
+++ b/webapp/src/components/SelectBox.vue
@@ -27,7 +27,6 @@
class="item-chip"
:style="{ width: 'calc(' + (100 / maxColumns) + '% - 8px)' }"
small
- label
close
@input="removeItem(index)"
>