[FEATURE] Show action icons on hover

To visually declutter the table, the action icons are only shown on hover. Related: #60
sypets · Jun 7, 2021 · 1e7604c · 1e7604c
1 parent 8c116b7
commit 1e7604c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 2 deletions.
diff --git a/Resources/Private/Sass/brofix.scss b/Resources/Private/Sass/brofix.scss
@@ -63,8 +63,23 @@ div.brofix-brokenlink-list-form select.form-control {
     vertical-align: middle;
 }
 
+/* ------ broken links table ------------ */
+
 #brofix-broken-links-table {
     table-layout: fixed;
+    border: none;
+}
+
+#brofix-broken-links-table tr {
+    border: none;
+}
+
+#brofix-broken-links-table tr:hover td.action-column a {
+    visibility: visible;
+}
+
+#brofix-broken-links-table tr td.action-column a {
+    visibility: hidden;
 }
 
 #brofix-broken-links-table td {

diff --git a/Resources/Private/Templates/Backend/ReportTab.html b/Resources/Private/Templates/Backend/ReportTab.html
@@ -139,7 +139,7 @@
 					</td>
 					<td>{item.linkmessage -> f:format.raw()}</td>
 					<td class="table-column-divider-end">{item.lastcheck_url}</td>
-					<td>
+					<td class="action-column">
 						<a class="btn btn-primary" href="{item.editUrl}"
 						   title="{f:translate(key: 'list.edit.field', extensionName: 'Brofix')}">
 							<core:icon identifier="actions-open" size="small"/>

diff --git a/Resources/Public/Css/brofix.css b/Resources/Public/Css/brofix.css