diff options
-rw-r--r-- | style.css | 16 |
1 files changed, 11 insertions, 5 deletions
@@ -77,10 +77,10 @@ body { } .toolbar-wrap { - max-width: unset; + max-width: 26em; position: absolute; - width: 26em; - left: -26em; + width: 100%; + left: max(-100%, -26em); top: 0; transition: left 0.3s; z-index: 10000; @@ -93,11 +93,17 @@ body { .toolbar-wrap button { position: absolute; top: 1em; - left: calc(100% + 1em); + right: -7em; background: #282828; border: 1px solid #504945; color: #ebdbd2; - padding: 0.5em 0.8em; + width: 6em; + padding: 0.5em; + transition: right 0.3s; +} + +.toolbar-wrap.enabled button { + right: 1em; } .toolbar-wrap button:hover { |