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

Tweaks to hashtag headers

Browse Source
This commit is contained in:
Niléane 2023-08-08 20:59:24 +02:00
parent 31d563fa71
commit 84088f0d1b
No known key found for this signature in database
4 changed files with 120 additions and 108 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
TangerineUI-purple.css
View File

@ -2265,6 +2265,36 @@ body.layout-single-column {
color: var(--color-fg);
}
/* Hashtag header */
.layout-single-column .hashtag-header {
font-size: 15px;
color: var(--color-accent);
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);
}
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
@ -2528,33 +2558,6 @@ body.layout-single-column {
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

57
TangerineUI.css
View File

@ -2265,6 +2265,36 @@ body.layout-single-column {
color: var(--color-fg);
}
/* Hashtag header */
.layout-single-column .hashtag-header {
font-size: 15px;
color: var(--color-accent);
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);
}
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
@ -2528,33 +2558,6 @@ body.layout-single-column {
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

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

@ -2265,6 +2265,36 @@ body.layout-single-column {
color: var(--color-fg);
}
/* Hashtag header */
.layout-single-column .hashtag-header {
font-size: 15px;
color: var(--color-accent);
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);
}
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
@ -2528,33 +2558,6 @@ body.layout-single-column {
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

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

@ -2265,6 +2265,36 @@ body.layout-single-column {
color: var(--color-fg);
}
/* Hashtag header */
.layout-single-column .hashtag-header {
font-size: 15px;
color: var(--color-accent);
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);
}
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
@ -2528,33 +2558,6 @@ body.layout-single-column {
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