diff options
| author | Ricardo Wurmus <rekado@elephly.net> | 2022-12-20 23:05:21 +0100 |
|---|---|---|
| committer | Ricardo Wurmus <rekado@elephly.net> | 2022-12-20 23:05:21 +0100 |
| commit | 43a7cb79d5508936d52027f8db96b5f173c25e7c (patch) | |
| tree | 04791b7e4eef8ef6c1eacdb820b835f7a60d6e14 /assets | |
| parent | dc373718c63624acae3611983a115b723892c0bc (diff) | |
css: Make sidebar respond to hover.
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/mumi.scss | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/assets/mumi.scss b/assets/mumi.scss index 5c0c68b..410e9ad 100644 --- a/assets/mumi.scss +++ b/assets/mumi.scss @@ -341,16 +341,23 @@ a.message-anchor { #sidebar { display: none; position: fixed; - right: 10px; + right: 0; top: 100px; background: var(--nav-background-color); border: 1px solid #ddd; - border-radius: 6px; + border-radius: 5px 0 0 5px; padding: .5em; - padding-right: 1.5em; z-index: 1; - max-height: 500px; + max-height: 90vh; overflow-y: auto; + overflow-x: none; + max-width: 2em; + transition: all 500ms ease-in-out; +} + +#sidebar:hover { + max-width: inherit; + transition: all 500ms ease-in-out; } @media (min-width: 1200px) { |