From 5daeaa23146a26e8f633fb0e7d76e8ffb298dad9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Tue, 11 Jul 2023 15:22:12 +0200 Subject: [PATCH] Fixed #7 toggles in colunm settings --- TangerineUI-single-column.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/TangerineUI-single-column.css b/TangerineUI-single-column.css index deb7d18..69591da 100644 --- a/TangerineUI-single-column.css +++ b/TangerineUI-single-column.css @@ -1757,7 +1757,8 @@ body.layout-single-column { .layout-single-column .status__content__read-more-button, .layout-single-column .status__action-bar__dropdown .icon-button.active, .layout-single-column .account__relationship .icon-button.active, -.layout-single-column .account__header__tabs__buttons .icon-button.active { +.layout-single-column .account__header__tabs__buttons .icon-button.active, +.layout-single-column .text-btn { color: var(--color-accent); } .layout-single-column .icon-button, @@ -1801,8 +1802,16 @@ body.layout-single-column { .layout-single-column .button.logo-button:hover { background-color: var(--color-accent-focus); } + +/* Toggles */ +.layout-single-column .setting-toggle__label { + vertical-align: top; +} .layout-single-column .react-toggle-track { - background-color: var(--color-neutral); + background-color: var(--color-content-fg-muted); +} +.layout-single-column .react-toggle-thumb { + border: 0; } .layout-single-column .react-toggle.react-toggle--checked .react-toggle-track, .layout-single-column .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,