Merge pull request #3533 from AlchemyCMS/hover-style-fixes

tvdeyen · web-flow · commit 888427c96e35 · 2025-12-23T15:37:26.000+01:00
Even more style fixes
diff --git a/app/assets/builds/alchemy/admin.css b/app/assets/builds/alchemy/admin.css
diff --git a/app/stylesheets/alchemy/admin/archive.scss b/app/stylesheets/alchemy/admin/archive.scss
@@ -39,6 +39,7 @@ alchemy-uploader {
   align-items: center;
   justify-content: center;
   background-color: var(--picture-thumbnail-background-color, transparent);
+  transition: all var(--transition-duration);
 
   &:not(:has(alchemy-icon)) {
     box-shadow: 0 0 1px 1px var(--border-color);
@@ -278,6 +279,8 @@ div#library_sidebar {
 
 .alchemy-dialog #library_sidebar {
   position: absolute;
+  top: 0;
+  height: calc(100% - var(--pagination-height));
   padding: 0 var(--spacing-4);
 }
 
diff --git a/app/stylesheets/alchemy/admin/base.scss b/app/stylesheets/alchemy/admin/base.scss
@@ -64,11 +64,13 @@ body {
 a {
   color: inherit;
   text-decoration: none;
-  transition: var(--transition-duration);
+  text-decoration-color: transparent;
+  text-decoration-thickness: 1px;
+  transition: all var(--transition-duration);
 
   &:hover {
-    text-decoration: underline;
-    text-decoration-thickness: 1px;
+    text-decoration-line: underline;
+    text-decoration-color: inherit;
   }
 
   img {
diff --git a/app/stylesheets/alchemy/admin/elements.scss b/app/stylesheets/alchemy/admin/elements.scss
@@ -160,6 +160,7 @@ button.element-toggle {
   box-shadow: none;
   padding: 0;
   margin: 0 0 0 auto;
+  transition: background-color var(--transition-duration);
 
   &:hover {
     &:not(:focus) {
diff --git a/app/stylesheets/alchemy/admin/forms.scss b/app/stylesheets/alchemy/admin/forms.scss
@@ -248,6 +248,14 @@ form {
 
     a[href] {
       color: var(--hint-text-link-color);
+      text-decoration-line: underline;
+      text-decoration-color: inherit;
+      text-decoration-thickness: 1px;
+
+      &:hover {
+        color: inherit;
+        text-decoration-color: transparent;
+      }
     }
   }
 
diff --git a/app/stylesheets/alchemy/admin/notices.scss b/app/stylesheets/alchemy/admin/notices.scss
@@ -75,12 +75,13 @@ alchemy-message {
   }
 
   a[href] {
-    text-decoration: underline;
-    color: var(--hint-text-link-color);
+    text-decoration-color: inherit;
+    text-decoration-thickness: 1px;
+    color: inherit;
 
     &:hover {
       color: inherit;
-      text-decoration: none;
+      text-decoration-color: transparent;
     }
   }
 
diff --git a/app/stylesheets/alchemy/admin/resource_info.scss b/app/stylesheets/alchemy/admin/resource_info.scss
@@ -183,9 +183,11 @@
   a {
     color: var(--text-color);
     font-weight: var(--font-weight_bold);
+    text-decoration-color: transparent;
 
     &:hover {
-      color: var(--text-link-color);
+      text-decoration-color: var(--text-link-color);
+      color: inherit;
     }
   }
 }
diff --git a/app/stylesheets/alchemy/admin/typography.scss b/app/stylesheets/alchemy/admin/typography.scss
@@ -55,7 +55,14 @@ p {
   white-space: normal;
 
   a {
-    color: var(--text-link-color);
+    color: inherit;
+    text-decoration-line: underline;
+    text-decoration-color: var(--text-link-color);
+    text-decoration-thickness: 1px;
+
+    &:hover {
+      text-decoration-color: transparent;
+    }
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -248,6 +248,14 @@ form {`
`248`	`248`
`249`	`249`	`a[href] {`
`250`	`250`	`color: var(--hint-text-link-color);`
	`251`	`+ text-decoration-line: underline;`
	`252`	`+ text-decoration-color: inherit;`
	`253`	`+ text-decoration-thickness: 1px;`
	`254`	`+`
	`255`	`+ &:hover {`
	`256`	`+ color: inherit;`
	`257`	`+ text-decoration-color: transparent;`
	`258`	`+ }`
`251`	`259`	`}`
`252`	`260`	`}`
`253`	`261`
Original file line number	Diff line number	Diff line change
`@@ -75,12 +75,13 @@ alchemy-message {`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`a[href] {`
`78`		`- text-decoration: underline;`
`79`		`- color: var(--hint-text-link-color);`
	`78`	`+ text-decoration-color: inherit;`
	`79`	`+ text-decoration-thickness: 1px;`
	`80`	`+ color: inherit;`
`80`	`81`
`81`	`82`	`&:hover {`
`82`	`83`	`color: inherit;`
`83`		`- text-decoration: none;`
	`84`	`+ text-decoration-color: transparent;`
`84`	`85`	`}`
`85`	`86`	`}`
`86`	`87`
Original file line number	Diff line number	Diff line change
`@@ -183,9 +183,11 @@`
`183`	`183`	`a {`
`184`	`184`	`color: var(--text-color);`
`185`	`185`	`font-weight: var(--font-weight_bold);`
	`186`	`+ text-decoration-color: transparent;`
`186`	`187`
`187`	`188`	`&:hover {`
`188`		`- color: var(--text-link-color);`
	`189`	`+ text-decoration-color: var(--text-link-color);`
	`190`	`+ color: inherit;`
`189`	`191`	`}`
`190`	`192`	`}`
`191`	`193`	`}`
Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,14 @@ p {`
`55`	`55`	`white-space: normal;`
`56`	`56`
`57`	`57`	`a {`
`58`		`- color: var(--text-link-color);`
	`58`	`+ color: inherit;`
	`59`	`+ text-decoration-line: underline;`
	`60`	`+ text-decoration-color: var(--text-link-color);`
	`61`	`+ text-decoration-thickness: 1px;`
	`62`	`+`
	`63`	`+ &:hover {`
	`64`	`+ text-decoration-color: transparent;`
	`65`	`+ }`
`59`	`66`	`}`
`60`	`67`	`}`
`61`	`68`