From 33a6d54dbd4070a72f56d35c071020e73c4687ae Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 21 Sep 2023 21:26:43 +0200 Subject: [PATCH] Fixed compose field when in focus --- TangerineUI-purple.css | 4 +++- TangerineUI.css | 4 +++- .../styles/tangerineui-purple/layout-single-column.scss | 4 +++- .../javascript/styles/tangerineui/layout-single-column.scss | 4 +++- 4 files changed, 12 insertions(+), 4 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 252ec1d..30e6aee 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -541,7 +541,9 @@ body.layout-single-column { .layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, .layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, .layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper { +.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input { border-color: var(--color-accent); } .layout-single-column .compose-form .autosuggest-textarea__suggestions, diff --git a/TangerineUI.css b/TangerineUI.css index 19bdb78..dc84f33 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -541,7 +541,9 @@ body.layout-single-column { .layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, .layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, .layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper { +.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input { border-color: var(--color-accent); } .layout-single-column .compose-form .autosuggest-textarea__suggestions, diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index 252ec1d..30e6aee 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -541,7 +541,9 @@ body.layout-single-column { .layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, .layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, .layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper { +.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input { border-color: var(--color-accent); } .layout-single-column .compose-form .autosuggest-textarea__suggestions, diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 19bdb78..dc84f33 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -541,7 +541,9 @@ body.layout-single-column { .layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper, .layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within, .layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), -.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper { +.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator, +.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input { border-color: var(--color-accent); } .layout-single-column .compose-form .autosuggest-textarea__suggestions,