From 648c22fa385fcc6f5f08cce0afecfae35eca46e1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Thu, 13 Jul 2023 19:11:32 +0200 Subject: [PATCH] Added support for more modals : mute, block, boost --- TangerineUI-purple.css | 45 ++++++++++++++++++++++++++++++++++++++---- TangerineUI.css | 45 ++++++++++++++++++++++++++++++++++++++---- 2 files changed, 82 insertions(+), 8 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index d80ecf6..0700e08 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon ãƒģ Purple variant đŸĒģ - version: 1.2 + version: 1.3 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -349,6 +349,10 @@ body.layout-single-column { opacity: .2; pointer-events: none; } +.layout-single-column .boost-modal__action-bar .fa-retweet { + background-image: var(--icon-boost); + vertical-align: middle; +} /* Replace reply icon */ .layout-single-column i.fa-mail-reply::before, .layout-single-column i.fa-reply::before, @@ -2078,20 +2082,20 @@ body.layout-single-column { } .layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, +.layout-single-column .privacy-dropdown.active .privacy-dropdown__value, .layout-single-column .privacy-dropdown__option.active, +.layout-single-column .privacy-dropdown__option.active:hover, .layout-single-column .privacy-dropdown__option:hover { background-color: var(--color-accent); color: var(--color-accent-fg); } -.layout-single-column .privacy-dropdown__option.active:hover { - background-color: var(--color-accent-focus); -} .layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content, .layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong, .layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content, .layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button, .layout-single-column .privacy-dropdown .icon-button.inverted.active { + background-color: var(--color-accent); color: var(--color-accent-fg); } @@ -2150,6 +2154,39 @@ body.layout-single-column { padding: 7px 18px; } +.layout-single-column .modal-root__modal, +.layout-single-column .boost-modal__container, +.layout-single-column .mute-modal__container, +.layout-single-column .block-modal__container { + background-color: var(--color-content-bg); +} +.layout-single-column .boost-modal__container { + margin-bottom: -11px; +} +.layout-single-column .confirmation-modal__container, +.layout-single-column .mute-modal__container, +.layout-single-column .block-modal__container { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} +.layout-single-column .block-modal__action-bar, +.layout-single-column .boost-modal__action-bar, +.layout-single-column .confirmation-modal__action-bar, +.layout-single-column .mute-modal__action-bar { + background-color: var(--color-accent-bg); +} +.layout-single-column .block-modal__action-bar > div, +.layout-single-column .boost-modal__action-bar > div, +.layout-single-column .confirmation-modal__action-bar > div, +.layout-single-column .mute-modal__action-bar > div, +.layout-single-column .boost-modal__container .status__content__text, +.layout-single-column .boost-modal__container .display-name strong.display-name__html, +.layout-single-column .boost-modal__container .status__info, +.layout-single-column .boost-modal__container .status__relative-time time, +.layout-single-column .boost-modal__container .status.light .status__visibility-icon { + color: var(--color-content-fg); +} + /* 📄 Meta ------- */ diff --git a/TangerineUI.css b/TangerineUI.css index 50fef00..d68a4e7 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon - version: 1.2 + version: 1.3 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -349,6 +349,10 @@ body.layout-single-column { opacity: .2; pointer-events: none; } +.layout-single-column .boost-modal__action-bar .fa-retweet { + background-image: var(--icon-boost); + vertical-align: middle; +} /* Replace reply icon */ .layout-single-column i.fa-mail-reply::before, .layout-single-column i.fa-reply::before, @@ -2078,20 +2082,20 @@ body.layout-single-column { } .layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active, +.layout-single-column .privacy-dropdown.active .privacy-dropdown__value, .layout-single-column .privacy-dropdown__option.active, +.layout-single-column .privacy-dropdown__option.active:hover, .layout-single-column .privacy-dropdown__option:hover { background-color: var(--color-accent); color: var(--color-accent-fg); } -.layout-single-column .privacy-dropdown__option.active:hover { - background-color: var(--color-accent-focus); -} .layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content, .layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong, .layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content, .layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong, .layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button, .layout-single-column .privacy-dropdown .icon-button.inverted.active { + background-color: var(--color-accent); color: var(--color-accent-fg); } @@ -2150,6 +2154,39 @@ body.layout-single-column { padding: 7px 18px; } +.layout-single-column .modal-root__modal, +.layout-single-column .boost-modal__container, +.layout-single-column .mute-modal__container, +.layout-single-column .block-modal__container { + background-color: var(--color-content-bg); +} +.layout-single-column .boost-modal__container { + margin-bottom: -11px; +} +.layout-single-column .confirmation-modal__container, +.layout-single-column .mute-modal__container, +.layout-single-column .block-modal__container { + background-color: var(--color-content-bg); + color: var(--color-content-fg); +} +.layout-single-column .block-modal__action-bar, +.layout-single-column .boost-modal__action-bar, +.layout-single-column .confirmation-modal__action-bar, +.layout-single-column .mute-modal__action-bar { + background-color: var(--color-accent-bg); +} +.layout-single-column .block-modal__action-bar > div, +.layout-single-column .boost-modal__action-bar > div, +.layout-single-column .confirmation-modal__action-bar > div, +.layout-single-column .mute-modal__action-bar > div, +.layout-single-column .boost-modal__container .status__content__text, +.layout-single-column .boost-modal__container .display-name strong.display-name__html, +.layout-single-column .boost-modal__container .status__info, +.layout-single-column .boost-modal__container .status__relative-time time, +.layout-single-column .boost-modal__container .status.light .status__visibility-icon { + color: var(--color-content-fg); +} + /* 📄 Meta ------- */