diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss index 69e9fed1..1b242bdf 100644 --- a/src/components/mention_link/mention_link.scss +++ b/src/components/mention_link/mention_link.scss @@ -4,7 +4,6 @@ position: relative; white-space: normal; display: inline; - color: var(--link); word-break: normal; & .new, diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 708d111b..1acccb8d 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -34,6 +34,11 @@ .notification { box-sizing: border-box; + /* TODO cleanup this */ + .Status { + flex: 1; + } + &:hover .animated.Avatar { canvas { display: none; @@ -55,6 +60,20 @@ padding: 0.6em; min-width: 0; + .RichContent { + a { + --link: var(--linkFaint); + } + + .greentext { + --funtextGreentext: var(--funtextGreentextFaint); + } + + .cyantext { + --funtextCyantext: var(--funtextCyantextFaint); + } + } + .avatar-container { width: 32px; height: 32px; @@ -89,11 +108,6 @@ } } - /* TODO cleanup this */ - .Status { - flex: 1; - } - time { white-space: nowrap; }