diff --git a/css/glowingbear.css b/css/glowingbear.css index 60a7e0b..c1a36f0 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -73,10 +73,29 @@ td.message { border-bottom: 2px solid #555; } -.input-group-addon, .input-group-btn { +.input-group-btn { vertical-align: top; } +.input-group-addon { + background: none; + border: none; + color: #ccc; +} + +#jump-addon { + width: 0px; + max-width: 0px; + padding: 0; + overflow: hidden; + transition: all ease-in-out 0.5s; +} +.showjumpkeys #jump-addon { + width: auto; + max-width: 70px; + padding: 6px 12px; +} + .footer button { border-radius: 0; } @@ -466,6 +485,33 @@ div.colourbox { align: right; } +#sidebar .showjumpkeys .buffer .buffer-jump-key { + transition: all ease-in-out 0.2s; + -webkit-transition: all ease-in-out 0.2s; + transition-delay: 0s; + -webkit-transition-delay: 0s; + opacity: 0.7; + margin-left: -1.2em; + margin-right: 0.1em; +} +#sidebar .buffer .buffer-jump-key { + margin-left: -1.2em; + margin-right: -0.2em; + font-size: smaller; + transition: all ease-in-out 0.2s; + -webkit-transition: all ease-in-out 0.2s; + opacity: 0; + text-shadow: -1px 0px 4px rgba(255, 255, 255, 0.4), + 0px -1px 4px rgba(255, 255, 255, 0.4), + 1px 0px 4px rgba(255, 255, 255, 0.4), + 0px 1px 4px rgba(255, 255, 255, 0.4); + vertical-align: baseline; + display: inline-block; + width: 1em; + align: right; +} + + .gb-modal { z-index: 1000; height: 100%; diff --git a/index.html b/index.html index 80101bc..ea7df19 100644 --- a/index.html +++ b/index.html @@ -262,10 +262,13 @@ npm run build-electron-{windows, darwin, linux}