From 2ad9f45655a3fb281669ec9df6c197d26a4cefbe Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Tue, 18 Dec 2018 17:56:05 +0100 Subject: [PATCH] add badge with dot to rm button, so it catches your eye better --- res/css/views/rooms/_TopUnreadMessagesBar.scss | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/res/css/views/rooms/_TopUnreadMessagesBar.scss b/res/css/views/rooms/_TopUnreadMessagesBar.scss index c4ca035a2e..67579552c1 100644 --- a/res/css/views/rooms/_TopUnreadMessagesBar.scss +++ b/res/css/views/rooms/_TopUnreadMessagesBar.scss @@ -14,6 +14,8 @@ See the License for the specific language governing permissions and limitations under the License. */ +@charset "utf-8"; + .mx_TopUnreadMessagesBar { z-index: 1000; position: absolute; @@ -22,6 +24,22 @@ limitations under the License. width: 38px; } +.mx_TopUnreadMessagesBar:after { + content: "ยท"; + position: absolute; + top: -8px; + left: 11px; + width: 16px; + height: 16px; + border-radius: 16px; + font-weight: 600; + font-size: 30px; + line-height: 14px; + text-align: center; + color: $secondary-accent-color; + background-color: $accent-color; +} + .mx_TopUnreadMessagesBar_scrollUp { height: 38px; border-radius: 19px;