Browse Source

Maintenance: Removed no longer needed tailwind line-clamp plugin (merged in main module).

Dominik Klein 1 year ago
parent
commit
22ba71175a

+ 1 - 1
app/frontend/apps/mobile/components/Organization/OrganizationItem.vue

@@ -60,7 +60,7 @@ const users = computed(() => {
         </template>
       </span>
       <span
-        class="mb-1 whitespace-normal text-lg font-bold leading-5 line-clamp-3"
+        class="mb-1 line-clamp-3 whitespace-normal text-lg font-bold leading-5"
       >
         <slot> {{ entity.name }} </slot>
       </span>

+ 1 - 1
app/frontend/apps/mobile/components/Ticket/TicketDuplicateDetectionDialog.vue

@@ -52,7 +52,7 @@ const application = useApplicationStore()
             <div class="flex-1 truncate">
               <span>#{{ ticket[1] }}</span>
               <span
-                class="mb-1 whitespace-normal text-lg font-bold leading-5 line-clamp-3"
+                class="mb-1 line-clamp-3 whitespace-normal text-lg font-bold leading-5"
               >
                 {{ ticket[2] }}
               </span>

+ 1 - 1
app/frontend/apps/mobile/components/Ticket/TicketItem.vue

@@ -44,7 +44,7 @@ const customer = computed(() => {
           </template>
         </span>
         <span
-          class="mb-1 whitespace-normal text-lg font-bold leading-5 line-clamp-3"
+          class="mb-1 line-clamp-3 whitespace-normal text-lg font-bold leading-5"
         >
           <slot>
             {{ entity.title }}

+ 1 - 1
app/frontend/apps/mobile/components/User/UserItem.vue

@@ -36,7 +36,7 @@ const { stringUpdated } = useEditedBy(toRef(props, 'entity'))
         </template>
       </span>
       <span
-        class="mb-1 whitespace-normal text-lg font-bold leading-5 line-clamp-3"
+        class="mb-1 line-clamp-3 whitespace-normal text-lg font-bold leading-5"
       >
         <slot> {{ entity.firstname }} {{ entity.lastname }} </slot>
       </span>

+ 1 - 1
app/frontend/apps/mobile/pages/ticket/components/TicketDetailView/TicketDetailViewTitle.vue

@@ -60,7 +60,7 @@ const customer = computed(() => {
             </div>
           </template>
         </div>
-        <h1 class="break-words text-xl font-bold leading-7 line-clamp-3">
+        <h1 class="line-clamp-3 break-words text-xl font-bold leading-7">
           {{ ticket.title }}
         </h1>
         <div class="mt-2 flex flex-wrap gap-2">

+ 1 - 1
app/frontend/apps/mobile/pages/ticket/views/TicketInformation/TicketInformationView.vue

@@ -89,7 +89,7 @@ const { stickyStyles, headerElement } = useStickyHeader()
   </header>
   <div class="flex p-4" :style="stickyStyles.body">
     <h1
-      class="flex flex-1 items-center break-words text-xl font-bold leading-7 line-clamp-3"
+      class="line-clamp-3 flex flex-1 items-center break-words text-xl font-bold leading-7"
     >
       <CommonLoader position="left" :loading="loadingTicket">
         {{ ticket?.title }}

+ 1 - 1
app/frontend/apps/mobile/pages/user/views/UserDetailView.vue

@@ -102,7 +102,7 @@ const secondaryOrganizations = computed(() =>
       <div>
         <CommonUserAvatar :entity="user" size="xl" />
       </div>
-      <div class="mt-2 text-center text-xl font-bold line-clamp-3">
+      <div class="mt-2 line-clamp-3 text-center text-xl font-bold">
         {{ user.fullname }}
       </div>
       <CommonLink

+ 1 - 2
package.json

@@ -38,7 +38,6 @@
     "@graphql-codegen/typescript-vue-apollo": "^3.3.7",
     "@histoire/plugin-vue": "^0.16.1",
     "@pinia/testing": "^0.0.16",
-    "@tailwindcss/line-clamp": "^0.4.4",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/user-event": "^14.4.3",
     "@testing-library/vue": "^7.0.0",
@@ -156,4 +155,4 @@
     "postcss": "^8.4.23",
     "stylelint-config-recommended": "^10.0.1"
   }
-}
+}

+ 0 - 2
tailwind.config.js

@@ -1,7 +1,6 @@
 // Copyright (C) 2012-2023 Zammad Foundation, https://zammad-foundation.org/
 
 const colors = require('tailwindcss/colors')
-const lineClampPlugin = require('@tailwindcss/line-clamp')
 const formKitTailwind = require('@formkit/themes/tailwindcss')
 const plugin = require('tailwindcss/plugin')
 const path = require('path')
@@ -69,7 +68,6 @@ module.exports = {
     },
   },
   plugins: [
-    lineClampPlugin,
     formKitTailwind,
     plugin(({ addVariant, matchUtilities, theme }) => {
       matchUtilities(

+ 0 - 5
yarn.lock

@@ -2460,11 +2460,6 @@
     magic-string "^0.25.0"
     string.prototype.matchall "^4.0.6"
 
-"@tailwindcss/line-clamp@^0.4.4":
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/line-clamp/-/line-clamp-0.4.4.tgz#767cf8e5d528a5d90c9740ca66eb079f5e87d423"
-  integrity sha512-5U6SY5z8N42VtrCrKlsTAA35gy2VSyYtHWCsg1H87NU1SXnEfekTVlrga9fzUDrrHcGi2Lb5KenUWb4lRQT5/g==
-
 "@testing-library/dom@^9.0.1":
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.0.1.tgz#fb9e3837fe2a662965df1536988f0863f01dbf51"