From c49f6290eb9c93720bd5407f4320bb0fd6c96ed9 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Sun, 30 Oct 2016 18:13:05 +0100 Subject: Basic username autocomplete for text area --- app/assets/stylesheets/components.scss | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) (limited to 'app/assets/stylesheets') diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 2b1c1194d..b720848c5 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -266,3 +266,31 @@ flex-direction: column; } } + +.react-autosuggest__container { + position: relative; +} + +.react-autosuggest__suggestions-container { + position: absolute; + top: 100%; + width: 100%; + z-index: 99; +} + +.react-autosuggest__suggestions-list { + background: #9baec8; + color: #282c37; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); + font-size: 14px; +} + +.react-autosuggest__suggestion { + padding: 10px; + cursor: pointer; +} + +.react-autosuggest__suggestion--focused { + background: #2b90d9; + color: #fff; +} -- cgit