table improvements

public/build/manifest.json

@@ -1,14 +1,14 @@
 {
   "resources/js/app.js": {
-    "file": "assets/app.4f39565b.js",
+    "file": "assets/app.524480af.js",
     "src": "resources/js/app.js",
     "isEntry": true,
     "css": [
-      "assets/app.cb1b0448.css"
+      "assets/app.5ff70d90.css"
     ]
   },
   "resources/js/app.css": {
-    "file": "assets/app.cb1b0448.css",
+    "file": "assets/app.5ff70d90.css",
     "src": "resources/js/app.css"
   }
 }

resources/js/Components/Table/Row.vue

@@ -18,6 +18,7 @@
                     class="btn btn--delete btn--sm btn--icon"
                     v-if="item.abilities.delete || item.abilities.forceDelete"
                     :aria-label="item.trashed ? __('Delete permanently') : __('Delete')"
+                    :title="item.trashed ? __('Delete permanently') : __('Delete')"
                     @click="destroy"
                 >
                     <Icon class="btn__icon" :name="item.trashed ? 'delete-forever' : 'delete'"></Icon>
@@ -27,6 +28,7 @@
                     class="btn btn--warning btn--sm btn--icon"
                     v-if="item.trashed && item.abilities.restore"
                     :aria-label="__('Restore')"
+                    :title="__('Restore')"
                     @click="restore"
                 >
                     <Icon class="btn__icon" name="restore-from-trash"></Icon>
@@ -36,6 +38,7 @@
                     class="btn btn--tertiary btn--sm btn--icon"
                     :href="item.url"
                     :aria-label="__('View')"
+                    :title="__('View')"
                 >
                     <Icon class="btn__icon" name="view"></Icon>
                 </Link>
@@ -44,6 +47,7 @@
                     class="btn btn--tertiary btn--sm btn--icon"
                     :href="`${item.url}/edit`"
                     :aria-label="__('Edit')"
+                    :title="__('Edit')"
                 >
                     <Icon class="btn__icon" name="edit"></Icon>
                 </Link>

resources/sass/sprucecss-expansion/_table.scss

@@ -1,3 +1,4 @@
+@use 'sass:color';
 @use '~sprucecss/scss/spruce';
 
 .table {
@@ -55,4 +56,10 @@
             width: 100%;
         }
     }
+
+    tbody {
+        tr.is-trashed {
+            background-color: color.scale(hsl(0 71% 51%), $lightness: 80%)
+        }
+    }
 }

src/Root.php

@@ -15,7 +15,7 @@ abstract class Root
      *
      * @var string
      */
-    public const VERSION = '0.10.1';
+    public const VERSION = '0.10.2';
 
     /**
      * The registered callbacks.