client/read only note info bar: style tweaks for zen mode

This commit is contained in:
Adorian Doran 2025-11-06 01:34:39 +02:00
parent b52e615f0c
commit a57c237c69

View File

@ -1,14 +1,15 @@
div.read-only-note-info-bar-widget { div.read-only-note-info-bar-widget {
contain: none; contain: none;
display: flex; display: flex;
justify-content: space-between; opacity: 0;
align-items: center; max-height: 0;
margin-top: 4px; margin-top: 4px;
background: var(--read-only-note-info-bar-background, var(--accented-background-color)); background: var(--read-only-note-info-bar-background, var(--accented-background-color));
padding: 8px 20px; padding: 8px 20px;
color: var(--read-only-note-info-bar-color); color: var(--read-only-note-info-bar-color);
opacity: 0; justify-content: space-between;
max-height: 0; align-items: center;
font-size: .9em;
} }
div.read-only-note-info-bar-widget.visible { div.read-only-note-info-bar-widget.visible {
@ -19,6 +20,9 @@ div.read-only-note-info-bar-widget.visible {
div.read-only-note-info-bar-widget.zen-mode-only { div.read-only-note-info-bar-widget.zen-mode-only {
display: none; display: none;
width: var(--max-content-width);
margin: 0 auto;
border-radius: 8px;
} }
body.zen div.read-only-note-info-bar-widget.zen-mode-only { body.zen div.read-only-note-info-bar-widget.zen-mode-only {