Update Underline Css style and hover screenshot (#174)

* Update Underline Css style * use ::after instead of underline decoration * Update link.css * update hover screenshot
wikimedia · Jul 26, 2023 · ea70c31 · ea70c31
1 parent 1708161
commit ea70c31
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/screenshot-hover.png b/screenshot-hover.png
diff --git a/style/link.css b/style/link.css
@@ -1,7 +1,16 @@
 .wmf-wp-with-preview {
-  font-weight: 700;
-  text-decoration: underline dashed;
-  text-decoration-thickness: 2px;
+  position: relative;
+  font-weight: 400;
   color: inherit;
   cursor: pointer;
 }
+
+.wmf-wp-with-preview::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: -4px;
+  width: 100%;
+  opacity: 0.5;
+  border-bottom: 2px dashed;
+}