mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 22:38:18 +09:00
Code

Merge pull request #39 from nileane/dev

Browse Source 
v1.7.1
This commit is contained in:
Niléane 2023-07-20 15:11:04 +02:00 committed by GitHub
commit 8ade834c61
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 88 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
TangerineUI-purple.css
View File

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.7
version: 1.7.1
A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/
@ -529,10 +529,13 @@ body.layout-single-column {
.layout-single-column .compose-form .character-counter {
color: var(--color-fg);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
color: var(--color-accent);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea {
padding-left: 20px;
padding-top: 20px;
@ -589,12 +592,23 @@ body.layout-single-column {
}
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg);
color: var(--color-accent);
margin-bottom: 0;
border-radius: 0;
border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
}
.layout-single-column .display-name {
color: var(--color-content-fg);
@ -959,6 +973,10 @@ body.layout-single-column {
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
padding: 6px 16px;
}
.layout-single-column .compose-form__poll-wrapper .icon-button.disabled {
color: transparent;
pointer-events: none;
}

26
TangerineUI.css
View File

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon
version: 1.7
version: 1.7.1
A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/
@ -529,10 +529,13 @@ body.layout-single-column {
.layout-single-column .compose-form .character-counter {
color: var(--color-fg);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
color: var(--color-accent);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea {
padding-left: 20px;
padding-top: 20px;
@ -589,12 +592,23 @@ body.layout-single-column {
}
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg);
color: var(--color-accent);
margin-bottom: 0;
border-radius: 0;
border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
}
.layout-single-column .display-name {
color: var(--color-content-fg);
@ -959,6 +973,10 @@ body.layout-single-column {
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
padding: 6px 16px;
}
.layout-single-column .compose-form__poll-wrapper .icon-button.disabled {
color: transparent;
pointer-events: none;
}

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

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 1.7
version: 1.7.1
A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/
@ -529,10 +529,13 @@ body.layout-single-column {
.layout-single-column .compose-form .character-counter {
color: var(--color-fg);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
color: var(--color-accent);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea {
padding-left: 20px;
padding-top: 20px;
@ -589,12 +592,23 @@ body.layout-single-column {
}
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg);
color: var(--color-accent);
margin-bottom: 0;
border-radius: 0;
border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
}
.layout-single-column .display-name {
color: var(--color-content-fg);
@ -959,6 +973,10 @@ body.layout-single-column {
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
padding: 6px 16px;
}
.layout-single-column .compose-form__poll-wrapper .icon-button.disabled {
color: transparent;
pointer-events: none;
}

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

@ -1,5 +1,5 @@
/* TangerineUI 🍊 for Mastodon
version: 1.7
version: 1.7.1
A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/
@ -529,10 +529,13 @@ body.layout-single-column {
.layout-single-column .compose-form .character-counter {
color: var(--color-fg);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active,
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
color: var(--color-accent);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea {
padding-left: 20px;
padding-top: 20px;
@ -589,12 +592,23 @@ body.layout-single-column {
}
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg);
color: var(--color-accent);
margin-bottom: 0;
border-radius: 0;
border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
}
.layout-single-column .display-name {
color: var(--color-content-fg);
@ -959,6 +973,10 @@ body.layout-single-column {
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
padding: 6px 16px;
}
.layout-single-column .compose-form__poll-wrapper .icon-button.disabled {
color: transparent;
pointer-events: none;
}