Fix breadcrumb link style (#67)

2023-06-12 19:42:30 -07:00
parent 4f74b3fafe
commit 4131ad5016
2 changed files with 16 additions and 7 deletions
--- a/lib/assets/styles/classes.scss
+++ b/lib/assets/styles/classes.scss
@@ -899,13 +899,22 @@ select {
  border: 1px solid #000000;
 }

-.text-link {
-  color: var(--color-blue);
-  text-decoration: none;
+.goto-link {
+  display: flex;
+  align-items: center;
+  gap: 3px;

-  &:hover {
-    text-decoration: underline;
-  }
+  color: var(--color-blue);
+}
+
+.goto-link:hover,
+.goto-link:focus-visible {
+  filter: brightness(1.1);
+  text-decoration: underline;
+}
+
+.goto-link:active {
+  filter: brightness(1.2);
 }

 .multiselect {
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "omorphia",
  "type": "module",
-  "version": "0.4.26",
+  "version": "0.4.27",
  "files": [
    "dist",
    "lib"