add text ellipsis

vatesfr · Nov 20, 2024 · 04484a2 · 04484a2
1 parent de56a5d
commit 04484a2
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/@xen-orchestra/lite/src/views/pool/PoolNetworkView.vue b/@xen-orchestra/lite/src/views/pool/PoolNetworkView.vue
@@ -111,7 +111,7 @@
         <div>
           <div class="typo p3-regular content-details">
             <div>{{ $t('uuid') }}</div>
-            <div>{{ selectedNetwork?.uuid }}</div>
+            <div class="text-ellipsis">{{ selectedNetwork?.uuid }}</div>
             <UiButtonIcon accent="info" size="medium" :icon="faCopy" />
           </div>
           <div class="typo p3-regular content-details">
@@ -204,6 +204,7 @@ const selectNetworkToSidebar = (network: any) => {
 .network-view-container {
   display: flex;
 }
+
 .card-wrapper {
   display: flex;
   flex-direction: column;
@@ -217,12 +218,10 @@ const selectNetworkToSidebar = (network: any) => {
     gap: 2.4rem;
   }
 }
+
 .ui-info {
   align-items: center;
 }
-.checkbox-header {
-  width: 4.8rem;
-}
 
 .card-container {
   display: flex;