Added ellipsis to entry title in magnetsModal

2017-10-28 02:34:59 +02:00 · 2017-10-28 02:34:59 +02:00 · aaff5ae8db
parent a427ee618a
commit aaff5ae8db
1 changed files with 4 additions and 1 deletions
--- a/components/magnetsModal.vue
+++ b/components/magnetsModal.vue
@ -3,7 +3,7 @@
    v-dialog(v-model='values.show', lazy, absolute, persistent, max-width='800', @keydown.esc='close()')
      v-card.white--text
        v-card-title.pb-2.pt-2
-          h2.title.white--text.mb-0 Results for #[strong {{ values.title }}]
+          h2.title.white--text.mb-0.entry-title.ellipsis Results for #[strong {{ values.title }}]
          v-spacer
          v-tooltip(left)
            v-btn(
@ -147,6 +147,9 @@
    display inline-block
    cursor copy

+  .entry-title
+    max-width 85%
+
  .entry-name
    font-size 18px
    letter-spacing 2px