Actions
Defect #44069
open
Remove duplicate dotted underline on abbr
Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Resolution:
Affected version:
Description
The rule for abbr already applies a dotted bottom border as a visual hint:
abbr, span.field-description[title] {
border-block-end: 1px dotted var(--oc-gray-5);
cursor: help;
}
However, browsers apply text-decoration: underline dotted to abbr elements by default, resulting in two overlapping dotted lines being rendered.
Adding text-decoration: none to the existing rule would suppress the browser default and eliminate the duplication.
Files
Updated by Mizuki ISHIKAWA about 2 hours ago
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 62a63b212..de32be881 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -862,6 +862,7 @@ hr { inline-size: 100%; block-size: 1px; background: var(--oc-gray-4); border: 0
blockquote { font-style: italic; border-inline-start: 3px solid var(--oc-gray-3); padding-inline-start: 0.6em; margin-inline-start: 0;}
blockquote blockquote { margin-inline-start: 0;}
abbr, span.field-description[title] { border-block-end: 1px dotted var(--oc-gray-5); cursor: help; }
+abbr { text-decoration: none; }
textarea.wiki-edit {inline-size: 99%; resize: vertical; box-sizing: border-box;}
body.textarea-monospace textarea.wiki-edit {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
body.textarea-proportional textarea.wiki-edit {font-family: var(--fonts-main);}
Actions