diff options
| author | yipstanley <stanley_yip@brown.edu> | 2019-07-14 20:46:20 -0400 |
|---|---|---|
| committer | yipstanley <stanley_yip@brown.edu> | 2019-07-14 20:46:20 -0400 |
| commit | c39114a07f1710205b512391de3a115a93883311 (patch) | |
| tree | 49153465f4cbb8b70b3c583279d79bac6439f93d /src/client/views/MetadataEntryMenu.scss | |
| parent | c4f324757c4ce3c9da077f5b10370f3b53cb3411 (diff) | |
| parent | 66f0d72f07d3cf28e01abd0d9b2659c951defcd9 (diff) | |
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web
Diffstat (limited to 'src/client/views/MetadataEntryMenu.scss')
| -rw-r--r-- | src/client/views/MetadataEntryMenu.scss | 64 |
1 files changed, 60 insertions, 4 deletions
diff --git a/src/client/views/MetadataEntryMenu.scss b/src/client/views/MetadataEntryMenu.scss index 73e5b6a73..bcfc9a82d 100644 --- a/src/client/views/MetadataEntryMenu.scss +++ b/src/client/views/MetadataEntryMenu.scss @@ -1,10 +1,66 @@ +.metadataEntry-outerDiv { + display: flex; + width: 300px; +} + +.react-autosuggest__container { + position: relative; +} + +.react-autosuggest__container, .metadataEntry-input { - width: 40%; + width: 100%; margin-left: 5px; margin-right: 5px; } -.metadataEntry-outerDiv { - display: flex; - width: 300px; +.metadataEntry-input, +.react-autosuggest__input { + border: 1px solid #aaa; + border-radius: 4px; + width: 100%; +} + +.react-autosuggest__input--focused { + outline: none; +} + +.react-autosuggest__input--open { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +.react-autosuggest__suggestions-container { + display: none; +} + +.react-autosuggest__suggestions-container--open { + display: block; + position: fixed; + overflow-y: auto; + max-height: 400px; + width: 180px; + border: 1px solid #aaa; + background-color: #fff; + font-family: Helvetica, sans-serif; + font-weight: 300; + font-size: 16px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + z-index: 2; +} + +.react-autosuggest__suggestions-list { + margin: 0; + padding: 0; + list-style-type: none; +} + +.react-autosuggest__suggestion { + cursor: pointer; + padding: 10px 20px; +} + +.react-autosuggest__suggestion--highlighted { + background-color: #ddd; }
\ No newline at end of file |