mirror of
https://github.com/thelounge/thelounge
synced 2024-11-26 14:00:21 +00:00
Fix MOTD underline in Safari
before: https://sr.ht/mdPx.png after: https://sr.ht/h45R.png Basically, safari's user agent CSS applies an underline to <abbr> tags, which bootstrap already does as well (but bootstrap doesn't use text-decoration so it's not overriden).
This commit is contained in:
parent
1a6f2fc387
commit
e76019b82c
1 changed files with 12 additions and 0 deletions
|
@ -56,6 +56,18 @@ a:hover {
|
|||
opacity: .8;
|
||||
}
|
||||
|
||||
/**
|
||||
* From Normalize. See https://github.com/thelounge/lounge/pull/1217
|
||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
|
|
Loading…
Reference in a new issue