@afeefa/vue-app 0.0.170 → 0.0.171

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.170
+0.0.171

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.170",
+  "version": "0.0.171",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/ATableRow.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    :class="['a-table-row', getFontSizeCssClass, {border: hasBorder, selected, disabled}]"
+    :class="['a-table-row', {border: hasBorder, small, tiny, selected, disabled}]"
     @click="$emit('click')"
   >
     <slot />
@@ -12,7 +12,7 @@
 import { Component, Vue } from '@a-vue'
 
 @Component({
-  props: ['small', 'selected', 'disabled']
+  props: [{tiny: false, small: false}, 'selected', 'disabled']
 })
 export default class ATableRow extends Vue {
   $hasOptions = ['border']
@@ -31,12 +31,6 @@ export default class ATableRow extends Vue {
   get hasBorder () {
     return this.$has.border && this.table.$has.border
   }
-
-  get getFontSizeCssClass () {
-    if (this.small !== undefined) {
-      return 'small'
-    }
-  }
 }
 </script>
 
@@ -102,6 +96,21 @@ export default class ATableRow extends Vue {
     }
   }
 
+  &.tiny {
+    font-size: .8rem;
+
+    &.border {
+      > * {
+        padding-top: .1rem;
+        padding-bottom: .1rem;
+      }
+    }
+
+    .textblock--tiny {
+      font-size: .7rem;
+    }
+  }
+
   .textblock--small {
     font-size: .9rem;
     line-height: .9;