From 1ad43ddf645f099245770e9983555c0b4e89dbe2 Mon Sep 17 00:00:00 2001 From: thomasrosen Date: Sat, 23 Jan 2021 19:03:16 +0100 Subject: [PATCH] css to correctly display the hashtag chooser and hashtag in editor --- src/App.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/src/App.css b/src/App.css index 3f63372..d27b3b8 100644 --- a/src/App.css +++ b/src/App.css @@ -66,6 +66,21 @@ p{ box-shadow: 0 0 0 1vh white; } +.HashtagChooser .hashtag_button { + position: relative; + /* display: block; */ + margin: 1vmin; +} +.HashtagChooser .hashtag_button.choosen:after { + content: ""; + position: absolute; + top: -0.5vh; + right: -0.5vh; + bottom: -0.5vh; + left: -0.5vh; + box-shadow: 0 0 0 0.5vh white; +} + button, .labelButton{ outline: none; @@ -144,4 +159,12 @@ button:hover, width: 36vh; height: 36vh; } +.Editor .hashtag{ + pointer-events: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +}