summaryrefslogtreecommitdiffstats
path: root/webapp/src
diff options
context:
space:
mode:
authorUdo Walter2019-03-22 06:08:15 +0100
committerUdo Walter2019-03-22 06:08:15 +0100
commit8ea199eef0c9fd818ef62361cf59ac61fdb20691 (patch)
tree5b27560f9a346c791fe5bcd07ec4b6ae40ea0fae /webapp/src
parent[webapp] add back to top button + log improvements (diff)
downloadbas-8ea199eef0c9fd818ef62361cf59ac61fdb20691.tar.gz
bas-8ea199eef0c9fd818ef62361cf59ac61fdb20691.tar.xz
bas-8ea199eef0c9fd818ef62361cf59ac61fdb20691.zip
[webapp] small design fixes
Diffstat (limited to 'webapp/src')
-rw-r--r--webapp/src/components/DataTable.vue10
-rw-r--r--webapp/src/components/LogModuleEntry.vue14
2 files changed, 19 insertions, 5 deletions
diff --git a/webapp/src/components/DataTable.vue b/webapp/src/components/DataTable.vue
index 8280abf..facf2aa 100644
--- a/webapp/src/components/DataTable.vue
+++ b/webapp/src/components/DataTable.vue
@@ -71,8 +71,8 @@
</v-tooltip>
</div>
- <div :class="{ 'text-xs-center': rowCount === undefined, 'text-xs-right': rowCount !== undefined }">
- <span class="nowrap">{{ filteredRows.length + ' ' + $t('entries') }}</span>
+ <div class="entry-count" :style=" { 'justify-content': rowCount === undefined ? 'center' : 'flex-end' }">
+ <span class="nowrap" :style="{ 'margin': noSelect ? '0' : '0 4px' }">{{ filteredRows.length + ' ' + $t('entries') }}</span>
<span v-if="!noSelect" class="nowrap">{{ '(' + selected.length + ' ' + $t('selected') + ')' }}</span>
</div>
@@ -424,6 +424,12 @@ export default {
align-items: stretch;
}
+.entry-count {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+}
+
.rowcount-select {
padding: 0;
display: inline-block;
diff --git a/webapp/src/components/LogModuleEntry.vue b/webapp/src/components/LogModuleEntry.vue
index 3aaa5f2..a8de4a8 100644
--- a/webapp/src/components/LogModuleEntry.vue
+++ b/webapp/src/components/LogModuleEntry.vue
@@ -10,7 +10,7 @@
<template>
<div style="display: flex; align-items: center;">
<template v-if="item.client">
- <v-menu v-model="menus.client" :close-on-content-click="false" offset-y>
+ <v-menu v-model="menus.client" :close-on-content-click="false" offset-y content-class="log-entry-menu-conent">
<template #activator="{ on }">
<v-btn v-on="on" outline small class="description-button" :class="{ 'error--text': item.client.deleted }">
<v-icon small class="mr-1">computer</v-icon>{{ item.client.name }}
@@ -23,7 +23,7 @@
</template>
<template v-if="item.group">
- <v-menu v-model="menus.group" :close-on-content-click="false" offset-y>
+ <v-menu v-model="menus.group" :close-on-content-click="false" offset-y content-class="log-entry-menu-conent">
<template #activator="{ on }">
<v-btn v-on="on" outline small class="description-button" :class="{ 'error--text': item.group.deleted }">
<v-icon small class="mr-1">category</v-icon>{{ item.group.name }}
@@ -36,7 +36,7 @@
</template>
<template v-if="item.user">
- <v-menu v-model="menus.user" :close-on-content-click="false" offset-y>
+ <v-menu v-model="menus.user" :close-on-content-click="false" offset-y content-class="log-entry-menu-conent">
<template #activator="{ on }">
<v-btn v-on="on" outline small class="description-button" :class="{ 'error--text': item.user.deleted }">
<v-icon small class="mr-1">person</v-icon>{{ item.user.name }}
@@ -54,6 +54,7 @@
:close-on-content-click="false"
nudge-top="12"
nudge-left="16"
+ content-class="log-entry-menu-conent"
>
<template #activator="{ on }">
<v-btn v-if="item.multilineDescription" v-on="on" small icon style="margin: 0 2px 0 0; overflow: hidden;">
@@ -119,3 +120,10 @@ export default {
text-transform: none;
}
</style>
+
+<style>
+.log-entry-menu-conent {
+ font-size: 13px;
+ font-family: 'Roboto Mono';
+}
+</style>