mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2025-01-19 08:12:49 +09:00
Code

Mastodon v4.2.0 support: hashtag headers

Browse Source
This commit is contained in:
Niléane 2023-08-08 20:17:06 +02:00
parent 9cf20d22ae
commit 8b9dfe14dd
No known key found for this signature in database
4 changed files with 116 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
TangerineUI-purple.css
View File

@ -2513,6 +2513,33 @@ body.layout-single-column {
padding: 6px 17px; padding: 6px 17px;
} }
/* Hashtag header */
.layout-single-column .hashtag-header {
color: var(--color-fg-muted);
background-color: var(--color-accent-bg);
border-top: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .hashtag-header__header {
margin-bottom: 0;
}
.layout-single-column .hashtag-header__header h1 {
color: var(--color-content-fg);
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .hashtag-header {
margin-top: 15px;
}
}
@media screen and (min-width:890px) {
.layout-single-column .hashtag-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-left: 1px solid var(--color-accent-lines);
border-right: 1px solid var(--color-accent-lines);
}
}
/* 🔔 Notifications /* 🔔 Notifications

31
TangerineUI.css
View File

@ -2513,6 +2513,33 @@ body.layout-single-column {
padding: 6px 17px; padding: 6px 17px;
} }
/* Hashtag header */
.layout-single-column .hashtag-header {
color: var(--color-fg-muted);
background-color: var(--color-accent-bg);
border-top: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .hashtag-header__header {
margin-bottom: 0;
}
.layout-single-column .hashtag-header__header h1 {
color: var(--color-content-fg);
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .hashtag-header {
margin-top: 15px;
}
}
@media screen and (min-width:890px) {
.layout-single-column .hashtag-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-left: 1px solid var(--color-accent-lines);
border-right: 1px solid var(--color-accent-lines);
}
}
/* 🔔 Notifications /* 🔔 Notifications
@ -2754,6 +2781,10 @@ body.layout-single-column {
color: var(--color-accent-fg); color: var(--color-accent-fg);
transition: all .2s; transition: all .2s;
} }
.layout-single-column .button:disabled,
.layout-single-column .button.disabled {
opacity: .7;
}
.layout-single-column .text-icon-button.active, .layout-single-column .text-icon-button.active,
.layout-single-column .button.button-tertiary, .layout-single-column .button.button-tertiary,
.layout-single-column .account__header__fields a, .layout-single-column .account__header__fields a,

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

@ -2513,6 +2513,33 @@ body.layout-single-column {
padding: 6px 17px; padding: 6px 17px;
} }
/* Hashtag header */
.layout-single-column .hashtag-header {
color: var(--color-fg-muted);
background-color: var(--color-accent-bg);
border-top: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .hashtag-header__header {
margin-bottom: 0;
}
.layout-single-column .hashtag-header__header h1 {
color: var(--color-content-fg);
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .hashtag-header {
margin-top: 15px;
}
}
@media screen and (min-width:890px) {
.layout-single-column .hashtag-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-left: 1px solid var(--color-accent-lines);
border-right: 1px solid var(--color-accent-lines);
}
}
/* 🔔 Notifications /* 🔔 Notifications

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

@ -2513,6 +2513,33 @@ body.layout-single-column {
padding: 6px 17px; padding: 6px 17px;
} }
/* Hashtag header */
.layout-single-column .hashtag-header {
color: var(--color-fg-muted);
background-color: var(--color-accent-bg);
border-top: 1px solid var(--color-accent-lines);
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .hashtag-header__header {
margin-bottom: 0;
}
.layout-single-column .hashtag-header__header h1 {
color: var(--color-content-fg);
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .hashtag-header {
margin-top: 15px;
}
}
@media screen and (min-width:890px) {
.layout-single-column .hashtag-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-left: 1px solid var(--color-accent-lines);
border-right: 1px solid var(--color-accent-lines);
}
}
/* 🔔 Notifications /* 🔔 Notifications
@ -2754,6 +2781,10 @@ body.layout-single-column {
color: var(--color-accent-fg); color: var(--color-accent-fg);
transition: all .2s; transition: all .2s;
} }
.layout-single-column .button:disabled,
.layout-single-column .button.disabled {
opacity: .7;
}
.layout-single-column .text-icon-button.active, .layout-single-column .text-icon-button.active,
.layout-single-column .button.button-tertiary, .layout-single-column .button.button-tertiary,
.layout-single-column .account__header__fields a, .layout-single-column .account__header__fields a,