Add CSS Classes (#392) (#394)

* Add CSS Classes (#392) * Remove whitespace-nowrap (#392) --------- Co-authored-by: Damien Harper <[email protected]>
DamienHarper · Jan 21, 2024 · 5e3d0d7 · 5e3d0d7
1 parent ad99d01
commit 5e3d0d7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/Resources/views/Audit/audits.html.twig b/src/Resources/views/Audit/audits.html.twig
@@ -23,7 +23,7 @@
 {% block dh_auditor_content %}
     <div class="auditor-audits mb-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 mx-4 sm:mx-0">
         {% for entity, table in audited %}
-            <div class="bg-white overflow-hidden rounded border border-gray-200 hover:bg-blue-50 hover:border-blue-300 transition-all duration-300 group flex flex-col justify-between">
+            <div id="audit-entity-{{ entity|escape|split('\\')|last|lower }}" class="auditor-audit bg-white overflow-hidden rounded border border-gray-200 hover:bg-blue-50 hover:border-blue-300 transition-all duration-300 group flex flex-col justify-between">
                 <div class="px-4 py-3 sm:px-4">
                     <h3 class="text-lg leading-6 text-gray-900">
                         <code class="text-pink-500">{{ entity|escape }}</code>

diff --git a/src/Resources/views/Audit/entry.html.twig b/src/Resources/views/Audit/entry.html.twig
@@ -1,6 +1,6 @@
 {% import '@DHAuditor/Audit/helpers/helper.html.twig' as helper %}
 
-<div class="relative pb-8">
+<div class="auditor-audit-history-entry relative pb-8">
     {% if not is_last %}
     <span class="absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200" aria-hidden="true"></span>
     {% endif %}
@@ -10,7 +10,7 @@
                 {{ helper.icon_type(entry.getType()) }}
             </span>
         </div>
-        <div class="min-w-0 flex-1 bg-gray-100 rounded pb-2 px-3 border hover:border hover:border-blue-400 hover:bg-blue-50 transition-all duration-300 group">
+        <div class="auditor-audit-history-entry-table min-w-0 flex-1 bg-gray-100 rounded pb-2 px-3 border hover:border hover:border-blue-400 hover:bg-blue-50 transition-all duration-300 group">
             <div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4">
                 <div>
                     <p class="text-sm text-gray-500">{{ helper.summarize(entity, entry) }}</p>
@@ -51,7 +51,7 @@
                                         <td class="px-3 py-1 whitespace-nowrap text-sm font-medium text-gray-900">
                                             <code class="text-gray-700">{{ key }}</code>
                                         </td>
-                                        <td class="px-3 py-1 whitespace-nowrap text-sm text-gray-500">
+                                        <td class="px-3 py-1 text-sm text-gray-500">
                                             {% if values.old is defined %}
                                                 {% if values.old is null %}
                                                     <span class="bg-gray-500 px-2 py-0.5 rounded text-white">null</span>
@@ -60,7 +60,7 @@
                                                 {% endif %}
                                             {% endif %}
                                         </td>
-                                        <td class="px-3 py-1 whitespace-nowrap text-sm text-gray-500">
+                                        <td class="px-3 py-1 text-sm text-gray-500">
                                             {% if values.new is defined %}
                                                 {% if values.new is null %}
                                                     <span class="bg-gray-500 px-2 py-0.5 rounded text-white">null</span>

diff --git a/src/Resources/views/Audit/transaction.html.twig b/src/Resources/views/Audit/transaction.html.twig
@@ -51,7 +51,7 @@
         <hr class="m-6" />
     {% endif %}
 
-<div class="flow-root">
+<div class="audit-transactions flow-root">
     <div class="mb-6 flex items-center justify-between">
         <div>
             <code class="text-pink-500">{{ entity }}</code>