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

Better handle missing header images on profiles

Browse source
This commit is contained in:
Niléane 2024-02-27 23:32:52 +01:00
commit 46af847c0f
No known key found for this signature in database
3 changed files with 75 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

29
TangerineUI-cherry.css
View file

@ -3215,6 +3215,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-header > button { .app-body .column-header > button {
padding: 0 0 0 15px; padding: 0 0 0 15px;
}
.app-body .column-header .column-header__back-button {
padding-right: 16px;
}
.app-body .column-header :is(> button, .column-header__back-button) {
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
@ -3803,9 +3808,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
.app-body .account__header__image { .app-body .account__header__image {
height: 156px; height: 200px;
background-color: var(--color-secondary-bg); background-color: var(--color-content-bg);
border-radius: 8px;
border-bottom: 0; border-bottom: 0;
margin: 7px 10px 10px;
}
.app-body .account__header__image img {
object-position: top center;
background-color: var(--color-content-secondary-bg);
}
.app-body .account__header__image:has(img[src*="/missing.png"]) {
height: 90px;
}
.app-body .account__header__image img[src*="/missing.png"] {
background-color: transparent;
} }
.app-body .account__header__bar { .app-body .account__header__bar {
border: 0; border: 0;
@ -4115,10 +4132,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .hashtag-header { .app-body .hashtag-header {
font-size: 15px; font-size: 15px;
padding: 24px 20px; padding: 24px 20px;
margin: 10px;
border-radius: 8px;
color: var(--color-content-fg); color: var(--color-content-fg);
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-lines); border: 0;
border-bottom: 0;
} }
.app-body .hashtag-header__header { .app-body .hashtag-header__header {
margin-bottom: 0; margin-bottom: 0;
@ -5616,6 +5634,9 @@ a:is(.active,
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
} }
.app-body .server-banner .account .display-name__account {
opacity: .7;
}
.app-body .server-banner__meta__column:first-child { .app-body .server-banner__meta__column:first-child {
width: calc(60% - 5px); width: calc(60% - 5px);
} }

29
TangerineUI-purple.css
View file

@ -3215,6 +3215,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-header > button { .app-body .column-header > button {
padding: 0 0 0 15px; padding: 0 0 0 15px;
}
.app-body .column-header .column-header__back-button {
padding-right: 16px;
}
.app-body .column-header :is(> button, .column-header__back-button) {
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
@ -3803,9 +3808,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
.app-body .account__header__image { .app-body .account__header__image {
height: 156px; height: 200px;
background-color: var(--color-secondary-bg); background-color: var(--color-content-bg);
border-radius: 8px;
border-bottom: 0; border-bottom: 0;
margin: 7px 10px 10px;
}
.app-body .account__header__image img {
object-position: top center;
background-color: var(--color-content-secondary-bg);
}
.app-body .account__header__image:has(img[src*="/missing.png"]) {
height: 90px;
}
.app-body .account__header__image img[src*="/missing.png"] {
background-color: transparent;
} }
.app-body .account__header__bar { .app-body .account__header__bar {
border: 0; border: 0;
@ -4115,10 +4132,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .hashtag-header { .app-body .hashtag-header {
font-size: 15px; font-size: 15px;
padding: 24px 20px; padding: 24px 20px;
margin: 10px;
border-radius: 8px;
color: var(--color-content-fg); color: var(--color-content-fg);
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-lines); border: 0;
border-bottom: 0;
} }
.app-body .hashtag-header__header { .app-body .hashtag-header__header {
margin-bottom: 0; margin-bottom: 0;
@ -5616,6 +5634,9 @@ a:is(.active,
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
} }
.app-body .server-banner .account .display-name__account {
opacity: .7;
}
.app-body .server-banner__meta__column:first-child { .app-body .server-banner__meta__column:first-child {
width: calc(60% - 5px); width: calc(60% - 5px);
} }

29
TangerineUI.css
View file

@ -3215,6 +3215,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .column-header > button { .app-body .column-header > button {
padding: 0 0 0 15px; padding: 0 0 0 15px;
}
.app-body .column-header .column-header__back-button {
padding-right: 16px;
}
.app-body .column-header :is(> button, .column-header__back-button) {
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width:1174px) { @media screen and (max-width:1174px) {
@ -3803,9 +3808,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
.app-body .account__header__image { .app-body .account__header__image {
height: 156px; height: 200px;
background-color: var(--color-secondary-bg); background-color: var(--color-content-bg);
border-radius: 8px;
border-bottom: 0; border-bottom: 0;
margin: 7px 10px 10px;
}
.app-body .account__header__image img {
object-position: top center;
background-color: var(--color-content-secondary-bg);
}
.app-body .account__header__image:has(img[src*="/missing.png"]) {
height: 90px;
}
.app-body .account__header__image img[src*="/missing.png"] {
background-color: transparent;
} }
.app-body .account__header__bar { .app-body .account__header__bar {
border: 0; border: 0;
@ -4115,10 +4132,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
.app-body .hashtag-header { .app-body .hashtag-header {
font-size: 15px; font-size: 15px;
padding: 24px 20px; padding: 24px 20px;
margin: 10px;
border-radius: 8px;
color: var(--color-content-fg); color: var(--color-content-fg);
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-lines); border: 0;
border-bottom: 0;
} }
.app-body .hashtag-header__header { .app-body .hashtag-header__header {
margin-bottom: 0; margin-bottom: 0;
@ -5616,6 +5634,9 @@ a:is(.active,
border-left: 0; border-left: 0;
border-right: 0; border-right: 0;
} }
.app-body .server-banner .account .display-name__account {
opacity: .7;
}
.app-body .server-banner__meta__column:first-child { .app-body .server-banner__meta__column:first-child {
width: calc(60% - 5px); width: calc(60% - 5px);
} }