diff options
| author | madelinegr <laura_wilson@brown.edu> | 2019-06-05 13:16:17 -0400 |
|---|---|---|
| committer | madelinegr <laura_wilson@brown.edu> | 2019-06-05 13:16:17 -0400 |
| commit | 1b3089350c807a52a2acd98c25330e315313b19e (patch) | |
| tree | 54029810c6183802655a1fe3410286de97356c49 /src/client/views/SearchBox.scss | |
| parent | 4fd53320c87313c9add8f551154f8df3e2522b5f (diff) | |
collections sort of works
Diffstat (limited to 'src/client/views/SearchBox.scss')
| -rw-r--r-- | src/client/views/SearchBox.scss | 24 |
1 files changed, 13 insertions, 11 deletions
diff --git a/src/client/views/SearchBox.scss b/src/client/views/SearchBox.scss index 22b198739..c8f139144 100644 --- a/src/client/views/SearchBox.scss +++ b/src/client/views/SearchBox.scss @@ -73,6 +73,8 @@ margin-right: 72px; .search-item { + position: relative; + z-index: 1000; pointer-events: auto; width: 500px; background: $light-color-secondary; @@ -85,6 +87,7 @@ padding: 10px; white-space: nowrap; font-size: 13px; + height: 70px; } .search-info { @@ -137,28 +140,27 @@ .searchBox-instances { - display: inline-block; - background: $dark-color; - width: 100px; - opacity: 1; - // width: 0px; this is real - // visibility: hidden; - // opacity: 0; THIS IS REAL - // transition: all 0.2s ease; - color: $light-color; + display: block; + background: $light-color-secondary; + opacity: 0; + width: 150px; + transition: all 0.2s ease; + color: black; + transform: translateX(150px); } + .search-overview { display: flex; // float: left; justify-content: flex-end; + height: 70px; } .search-overview:hover { .searchBox-instances { - // visibility: visible; + transform: translateX(0px); opacity: 1; - width: 100px; } } }
\ No newline at end of file |