-[x] Added Title Ellipsis When Longer Title

IATI · Jan 13, 2025 · 5fc689a · 5fc689a
1 parent 72f5e6e
commit 5fc689a
Show file tree

Hide file tree

Showing 7 changed files with 50 additions and 64,432 deletions.
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/css/webportal-app.css b/public/css/webportal-app.css
diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,10 +1,10 @@
 {
-    "/js/app.js": "/js/app.js?id=848d90733660a1206029bfdbeaae196c",
+    "/js/app.js": "/js/app.js?id=5098636ebfb0e3b47154a11cd1490384",
     "/js/script.js": "/js/script.js?id=5664c41472ea07b11e7b9e7ad4007a4c",
     "/js/webportal-script.js": "/js/webportal-script.js?id=ec424584e8e86829641c324d807c42b5",
     "/js/formbuilder.js": "/js/formbuilder.js?id=0da9ac4d5b4cf5740657fde41069a985",
     "/manifest.js": "/manifest.js?id=3ed1124c8f4dcb98acc36de67cb80349",
-    "/css/webportal-app.css": "/css/webportal-app.css?id=ae2159754768db20a62c5e824de61180",
-    "/css/app.css": "/css/app.css?id=c0855be247ad127f4908a9189353fff7",
+    "/css/webportal-app.css": "/css/webportal-app.css?id=c79b8d60eab92aef1a0c41c01f60d167",
+    "/css/app.css": "/css/app.css?id=d094d5798c988289b12632cd19bf7274",
     "/js/vendor.js": "/js/vendor.js?id=1d9dc84f31934bcf90e4083803feee6b"
 }
diff --git a/...rces/assets/js/views/activity/bulk-publish/bulkPublishModal/iatiValidate/IatiValidate.vue b/...rces/assets/js/views/activity/bulk-publish/bulkPublishModal/iatiValidate/IatiValidate.vue
@@ -189,7 +189,9 @@
                     />
                     <span class="checkmark"></span>
                   </label>
-                  <div class="pl-6">
+                  <div
+                    class="ellipsis__title max-w-[60ch] overflow-hidden pl-6"
+                  >
                     {{ value.title ?? '' }}
                   </div>
                   <div v-if="value.top_level_error === 'critical'">
@@ -199,7 +201,7 @@
                     </span>
                   </div>
                 </div>
-                <div class="flex items-center gap-6">
+                <div class="flex shrink-0 items-center gap-6">
                   <svg-vue
                     v-if="value?.is_valid === false"
                     class="text-xl"

diff --git a/resources/assets/js/views/activity/partials/TableLayout.vue b/resources/assets/js/views/activity/partials/TableLayout.vue
@@ -71,7 +71,7 @@
             />
             {{ (currentPage - 1) * 25 + Number(index) + 1 }}
           </td>
-          <td class="title">
+          <td class="title max-w-[450px]">
             <div
               class="flex items-start transition duration-500 hover:text-spring-50"
             >

diff --git a/resources/assets/sass/component/_input.scss b/resources/assets/sass/component/_input.scss
@@ -256,41 +256,41 @@ label {
 }
 
 select.select2.default-value-indicator
-  + .select2
-  .selection
-  .select2-selection:not(:focus) {
++ .select2
+.selection
+.select2-selection:not(:focus) {
   border: 2px solid #3f9a7c;
   background-color: #3f9a7c15;
 }
 
 select.select2.default-value-indicator
-  + .select2
-  .selection
-  .select2-selection:not(:focus) {
++ .select2
+.selection
+.select2-selection:not(:focus) {
   border: 2px solid #3f9a7c;
   background-color: #3f9a7c15;
 }
 
 select.select2.default-value-indicator
-  + .select2
-  .selection
-  .select2-selection
-  .select2-selection__placeholder {
++ .select2
+.selection
+.select2-selection
+.select2-selection__placeholder {
   color: var(--bluecoral-50);
 }
 
 select.select2.default-value-indicator
-  + .select2.select2-container--open
-  .selection
-  .select2-selection {
++ .select2.select2-container--open
+.selection
+.select2-selection {
   border: 1px solid #a6b5ba;
   background-color: white;
 }
 
 select.select2.default-value-indicator
-  + .select2
-  .selection
-  .select2-selection.select2-selection--clearable {
++ .select2
+.selection
+.select2-selection.select2-selection--clearable {
   border: 1px solid #a6b5ba;
   background-color: white;
 }