fix(proposal creation): add cut off icons for long titles (#1643)

hypha-dao · Sep 26, 2022 · 162f805 · 162f805
1 parent 0fe4f60
commit 162f805
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/layouts/MultiDhoLayout.vue b/src/layouts/MultiDhoLayout.vue
@@ -224,12 +224,13 @@ q-layout(:style="{ 'min-height': 'inherit' }" :view="'lHr Lpr lFr'" ref="layout"
             .main(:class="{'q-pt-lg': $q.screen.gt.sm }")
               .row.full-width.items-center.justify-between
                 // navigation-header
-                .col-auto
+                .col
                   .row(v-if="breadcrumbs")
                     router-link.text-primary.text-underline.text-weight-600(:to="breadcrumbs.tab.link") {{ breadcrumbs.tab.name }}
                   .row
-                    .h-h3(v-if="title") {{ title }}
-                .col
+                    .h-h3.ellipsis(v-if="title") {{ title }}
+                    q-tooltip(:target="true" anchor="top middle").h-h3.ellipsis {{ title }}
+                .col-5
                   .row.justify-end.items-center
                     q-btn.q-mr-xs(:to="{ name: 'configuration' }" unelevated rounded padding="12px" icon="fas fa-cog"  size="sm" :color="isActiveRoute('configuration') ? 'primary' : 'white'" :text-color="isActiveRoute('configuration') ? 'white' : 'primary'" )
                     q-btn(:to="{ name: 'support' }" unelevated rounded padding="12px" icon="far fa-question-circle"  size="sm" color="white" text-color="primary")