From d2074d80ae9e55c0b10229a498c6102d08115e6c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Fri, 22 Sep 2023 12:12:21 +0200 Subject: [PATCH] Changed New Post button styling to primary style in mobile header --- TangerineUI-purple.css | 14 ++++++++++++-- TangerineUI.css | 14 ++++++++++++-- .../tangerineui-purple/layout-single-column.scss | 14 ++++++++++++-- .../styles/tangerineui/layout-single-column.scss | 14 ++++++++++++-- 4 files changed, 48 insertions(+), 8 deletions(-) diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 271ebcf..9e820dd 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon ãƒģ Purple variant đŸĒģ - version: 1.9 + version: 1.9.1 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -1949,7 +1949,17 @@ body.layout-single-column { display: none; } .layout-single-column .ui__header__links .button.button-secondary { - padding: 7px 18px 9px 18px; + padding: 8px 18px 8px 18px; +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { + background-color: var(--color-accent); + color: var(--color-accent-fg); +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { + background-color: var(--color-accent-focus); + color: var(--color-accent-fg); } .layout-single-column .column-link--logo { margin-left: 4px; diff --git a/TangerineUI.css b/TangerineUI.css index eee068b..d67a419 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon - version: 1.9 + version: 1.9.1 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -1949,7 +1949,17 @@ body.layout-single-column { display: none; } .layout-single-column .ui__header__links .button.button-secondary { - padding: 7px 18px 9px 18px; + padding: 8px 18px 8px 18px; +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { + background-color: var(--color-accent); + color: var(--color-accent-fg); +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { + background-color: var(--color-accent-focus); + color: var(--color-accent-fg); } .layout-single-column .column-link--logo { margin-left: 4px; 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 271ebcf..9e820dd 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon ãƒģ Purple variant đŸĒģ - version: 1.9 + version: 1.9.1 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -1949,7 +1949,17 @@ body.layout-single-column { display: none; } .layout-single-column .ui__header__links .button.button-secondary { - padding: 7px 18px 9px 18px; + padding: 8px 18px 8px 18px; +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { + background-color: var(--color-accent); + color: var(--color-accent-fg); +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { + background-color: var(--color-accent-focus); + color: var(--color-accent-fg); } .layout-single-column .column-link--logo { margin-left: 4px; diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index eee068b..d67a419 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -1,5 +1,5 @@ /* TangerineUI 🍊 for Mastodon - version: 1.9 + version: 1.9.1 A Tangerine redesign for Mastodon's Web UI. https://github.com/nileane/TangerineUI-for-Mastodon/ @@ -1949,7 +1949,17 @@ body.layout-single-column { display: none; } .layout-single-column .ui__header__links .button.button-secondary { - padding: 7px 18px 9px 18px; + padding: 8px 18px 8px 18px; +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] { + background-color: var(--color-accent); + color: var(--color-accent-fg); +} +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus, +.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active { + background-color: var(--color-accent-focus); + color: var(--color-accent-fg); } .layout-single-column .column-link--logo { margin-left: 4px;