diff --git a/Viewer/css/experimenting.css b/Viewer/css/experimenting.css index fed99584..ae8762bd 100755 --- a/Viewer/css/experimenting.css +++ b/Viewer/css/experimenting.css @@ -570,6 +570,23 @@ body { } +/* image gaps */ +.image:not(:first-of-type) { + margin-left: var(--image-gap-size); +} +/* image gap indicator */ +.image:before { + content: var(--image-gap-text); + display: block; + position: absolute; + bottom: 0.5em; + left: 0px; + background:gray; + border-radius: 1em; + padding: 0.2em 0.5em; + transform: translate(-50%); +} + /* DEBUG stuff... */ .container-center { diff --git a/Viewer/css/layout.css b/Viewer/css/layout.css index 4d0a071a..1480db9a 100755 --- a/Viewer/css/layout.css +++ b/Viewer/css/layout.css @@ -42,6 +42,10 @@ --background-color: white; } +.viewer.single-image-mode { + --ribbon-background-color: none; +} + /********************************************************* utility ***/