diff --git a/frontends/etiquette_flask/static/css/common.css b/frontends/etiquette_flask/static/css/common.css index 15ecaf3..340ff5d 100644 --- a/frontends/etiquette_flask/static/css/common.css +++ b/frontends/etiquette_flask/static/css/common.css @@ -117,23 +117,22 @@ pre grid-area: right; } -.sticky_side_left +#content_body.sticky_side_left { grid-template: "left right" /var(--size_sticky_side) 1fr; } -.sticky_side_right +#content_body.sticky_side_right { grid-template: "left right" /1fr var(--size_sticky_side); } -.sticky_side_left #left, -.sticky_side_right #right +#content_body.sticky_side_left #left, +#content_body.sticky_side_right #right { - grid-area: right; display: grid; grid-auto-rows: min-content; @@ -141,15 +140,25 @@ pre position: fixed; bottom: 8px; top: 34px; + padding: 8px; + box-sizing: border-box; width: var(--size_sticky_side); overflow-y: auto; background-color: var(--color_site_transparency); } -.sticky_side_left #left +#content_body.sticky_side_right #left +{ + margin-right: 8px; +} +#content_body.sticky_side_left #right +{ + margin-left: 8px; +} +#content_body.sticky_side_left #left { left: 8px; } -.sticky_side_right #right +#content_body.sticky_side_right #right { right: 8px; } @@ -164,6 +173,12 @@ pre { display: none !important; } +.panel +{ + background-color: var(--color_site_transparency); + border-radius: 5px; + padding: 8px; +} button, button * @@ -241,9 +256,9 @@ is hovered over. padding-left: 2px; padding-right: 2px; - background-color: #fff; + background-color: var(--color_tag_object_bg); + color: var(--color_tag_object_fg); - color: blue; font-size: 0.9em; text-decoration: none; font-family: monospace; @@ -267,6 +282,10 @@ is hovered over. word-wrap: break-word; } +.message_bubble * +{ + color: var(--color_text_bubble); +} .message_positive { background-color: #afa; diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html index 34b0bd7..53d929b 100644 --- a/frontends/etiquette_flask/templates/album.html +++ b/frontends/etiquette_flask/templates/album.html @@ -7,16 +7,6 @@ h2, h3 { margin-top: 0; } -#left -{ - margin-right: 8px; -} -#left > * -{ - background-color: var(--color_site_transparency); - padding: 8px; - border-radius: 5px; -} #left > *:not(:last-child) { margin-bottom: 30px; @@ -107,7 +97,7 @@ h2, h3 {{header.make_header(session=session)}}
These files – {{album.sum_bytes(recurse=False)|bytestring}}
diff --git a/frontends/etiquette_flask/templates/clipboard.html b/frontends/etiquette_flask/templates/clipboard.html index bb88061..1ac87d5 100644 --- a/frontends/etiquette_flask/templates/clipboard.html +++ b/frontends/etiquette_flask/templates/clipboard.html @@ -36,11 +36,11 @@ "searchhidden_area" "download_zip_area" "message_area" 1fr; + grid-row-gap: 8px; } #right > * { display: flex; - padding: 8px; } #right .spinner_holder { @@ -71,7 +71,6 @@ #message_area { grid-area: message_area; - margin: 8px; } @media screen and (max-width: 800px) { @@ -108,8 +107,10 @@ {{header.make_header(session=session)}}