mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-30 15:58:07 +09:00
Code

Changed New Post button styling to primary style in mobile header

Browse Source
This commit is contained in:
Niléane 2023-09-22 12:12:21 +02:00
parent cc69c377ef
commit d2074d80ae
No known key found for this signature in database
4 changed files with 48 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
TangerineUI-purple.css
View File

@ -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;

14
TangerineUI.css
View File

@ -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;

14
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View File

@ -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;

14
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View File

@ -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;