change styling buttons on attachment & small changes media library

codedor · Oct 4, 2023 · 1298de3 · 1298de3
1 parent ef97239
commit 1298de3
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/dist/css/laravel-media.css b/dist/css/laravel-media.css
diff --git a/resources/css/plugin.css b/resources/css/plugin.css
@@ -19,6 +19,10 @@
     @apply opacity-0;
   }
 
+  .attachment__btn-block .fi-icon-btn {
+    @apply bg-gray-100/90 hover:bg-gray-100 rounded-lg cursor-pointer;
+  }
+
   .gallery--dragging .sortable-icon {
     opacity: 0 !important;
   }
@@ -46,4 +50,13 @@
     background: linear-gradient(to bottom, transparent 50%, #e5e7eb 50%);
     background-size: 4px 20px;
   }
+
+  .fi-ta-record .fi-ta-actions {
+    flex-wrap: wrap !important;
+  }
+
+  .fi-ta-record .fi-ta-text {
+    word-break: break-word;
+  }
+
 }
diff --git a/resources/views/components/attachment.blade.php b/resources/views/components/attachment.blade.php
@@ -102,7 +102,7 @@ class="inline-block"
 
         {{-- Buttons --}}
         @unless($isDisabled)
-            <div class="absolute right-1 bottom-1 left-1 z-10 flex justify-between gap-3">
+            <div class="absolute right-1 bottom-1 left-1 z-10 flex justify-between gap-3 attachment__btn-block">
                 @if ($deleteAction && $deleteAction->isVisible())
                     {{ ($deleteAction)(['attachmentId' => $attachment->id]) }}
                 @endif