From f9e4f3a3bc2fd6c579827bcdfed2c818b7ce4938 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Fri, 14 Jul 2023 14:05:39 +0200 Subject: [PATCH] Refined styling for Poll compose form --- TangerineUI-purple.css | 14 ++++++++++++++ TangerineUI.css | 20 +++++++++++++++++--- 2 files changed, 31 insertions(+), 3 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index ad412c1..35643d1 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -942,6 +942,20 @@ body.layout-single-column { background-color: var(--color-accent); color: var(--color-accent-fg); } +/* Poll composer */ +.layout-single-column .compose-form__poll-wrapper, +.layout-single-column .compose-form__poll-wrapper .poll__footer { + border-top: 0; +} +.layout-single-column .compose-form__poll-wrapper ul { + background-color: var(--color-accent-bg); +} +.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus { + box-shadow: 0 0 0 2px var(--color-accent); +} +.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary { + padding: 6px 16px; +} diff --git a/TangerineUI.css b/TangerineUI.css index 7992f64..6e788d9 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -602,9 +602,9 @@ body.layout-single-column { .layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button { color: #ffffff; } -.compose-form .compose-form__modifiers .compose-form__upload .icon-button:active, -.compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus, -.compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover { +.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active, +.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus, +.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover { background-color: rgba(0, 0, 0, .4); } @media screen and (max-width:1174px) { @@ -942,6 +942,20 @@ body.layout-single-column { background-color: var(--color-accent); color: var(--color-accent-fg); } +/* Poll composer */ +.layout-single-column .compose-form__poll-wrapper, +.layout-single-column .compose-form__poll-wrapper .poll__footer { + border-top: 0; +} +.layout-single-column .compose-form__poll-wrapper ul { + background-color: var(--color-accent-bg); +} +.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus { + box-shadow: 0 0 0 2px var(--color-accent); +} +.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary { + padding: 6px 16px; +}