chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Mastodon v4.2.0 support: hashtag headers

Browse source
This commit is contained in:
Niléane 2023-08-08 20:17:06 +02:00
commit 8b9dfe14dd
No known key found for this signature in database
4 changed files with 116 additions and 0 deletions
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,