easy-admin-rails 0.1.13 → 0.1.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8d4b94ae313746eb609f463d8619257aac914b00204f9fccb934c8a83cbbba2d
-  data.tar.gz: 3d5165ff34936522ee840039050fd15b740c47395b45f8b4276473cd24c9d0d9
+  metadata.gz: cff58e24500b585a0346cd5da70625a6197c4445fff7c17200d35f9f71c32f95
+  data.tar.gz: 48e3480d8a897c2fb5381304de2876b89a1cfa3f9426c2415aa35f7c64aca6e1
 SHA512:
-  metadata.gz: 13f097fbf6b65704d148e394c4c36a87192ffb1c163eda942751cefe8808aa3179ab6024ff79e489c9b0dcf5fa41067990501843690c60d16b6a18af6a0b2f73
-  data.tar.gz: bc610d094b4c1c1aa73ec20b572e49ba1935b46903b4ea25d6608c68f5ee201cb54034101595fb9284252d712eae2ca86cf7f24923c837953fac8d34ea3206bb
+  metadata.gz: 0cb57146ae144a8b4292a1ac4de928476e3df92997c230471edea4af021d67d4074900202402e45836e4f4e85540a72caf053c0b1230f113e09898131f60a0f5
+  data.tar.gz: 96a1ca2a86f51334744e5b6e980f6c814d8b860e38a5b074505cb3c10eee11cf203320d9324b7619f6d5e8ca04400d7fbfab0097df463c75e966d541fba0dda4

data/app/components/easy_admin/versions/timeline_component.rb

@@ -11,16 +11,11 @@ module EasyAdmin
       def view_template
         content = lambda do
           div(class: "w-full") do
-            # Timeline container with explicit vertical layout
-            div(class: "relative w-full") do
-              # Timeline line - centered with icons (hidden on mobile)
-              div(class: "absolute left-10 top-0 bottom-0 w-0.5 bg-gray-300 hidden sm:block")
-              
-              # Version items - force vertical stacking (newest first)
+            # Timeline container
+            div(class: "space-y-0") do
+              # Version items with connected timeline
               @versions.each_with_index do |version, index|
-                div(class: "relative w-full mb-6 sm:mb-8") do
-                  render_timeline_item_content(version, index)
-                end
+                render_timeline_item_content(version, index)
               end
             end
           end
@@ -38,15 +33,21 @@ module EasyAdmin
       private
 
       def render_timeline_item_content(version, index)
-        div(class: "flex items-start") do
-          # Timeline dot - matches admin panel styling (hidden on mobile)
-          div(class: "absolute left-8 w-3 h-3 #{event_bg_color(version.event)} rounded-full z-10 shadow-sm hidden sm:block") do
-            # Simple dot design to match admin panel
+        div(class: "flex") do
+          # Timeline dot and connector
+          div(class: "flex flex-col items-center mr-4 hidden sm:flex") do
+            # Timeline dot
+            div(class: "w-3 h-3 bg-blue-500 rounded-full border-2 border-white shadow-md") do
+            end
+            # Connector line (hidden for last item)
+            unless index == @versions.size - 1
+              div(class: "w-0.5 bg-gray-300 flex-1 min-h-[2rem]")
+            end
           end
           
-          # Content card - responsive margin (no left margin on mobile)
-          div(class: "sm:ml-16 flex-1") do
-            div(class: "bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden hover:shadow-md transition-shadow duration-200") do
+          # Content - flows horizontally from dot
+          div(class: "flex-1 pb-6") do
+            div(class: "bg-white rounded-lg shadow-sm border border-gray-200 p-4 mb-4") do
               render_item_header(version)
               render_item_content(version)
               render_item_actions(version)
@@ -56,16 +57,16 @@ module EasyAdmin
       end
 
       def render_item_header(version)
-        # Match admin panel header style (like in BaseCardComponent) with mobile responsiveness
-        div(class: "px-4 sm:px-6 py-4 border-b border-gray-100 bg-gray-50/50 flex items-center justify-between") do
-          div(class: "flex items-center space-x-2 sm:space-x-3") do
-            # Event badge - using admin panel style
-            span(class: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-gray-100 text-gray-600") do
+        # Compact header with reduced padding
+        div(class: "px-3 py-2 border-b border-gray-100 bg-gray-50/50 flex items-center justify-between") do
+          div(class: "flex items-center space-x-2") do
+            # Event badge - compact version
+            span(class: "inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-600") do
               version.event.capitalize
             end
             
-            # Time ago
-            span(class: "text-sm font-medium text-gray-900") do
+            # Time ago - smaller text
+            span(class: "text-sm text-gray-900") do
               time_ago_in_words(version.created_at) + " ago"
             end
           end
@@ -92,7 +93,7 @@ module EasyAdmin
 
       def render_item_content(version)
         # Match admin panel body padding (like in BaseCardComponent) - responsive padding
-        div(class: "p-4 sm:p-6") do
+        div(class: "p-3") do
           if version.object.blank?
             div(class: "text-sm text-gray-500") { "No change data available" }
             return

data/lib/easy_admin/version.rb

@@ -1,3 +1,3 @@
 module EasyAdmin
-  VERSION = "0.1.13"
+  VERSION = "0.1.14"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: easy-admin-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.13
+  version: 0.1.14
 platform: ruby
 authors:
 - Slaurmagan