Skip to content

Commit

Permalink
Add verified badge styles to user listings
Browse files Browse the repository at this point in the history
  • Loading branch information
ronilaukkarinen committed Sep 23, 2023
1 parent cfbbab0 commit 962d00c
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 3 deletions.
3 changes: 2 additions & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
### 1.7.8rc2: 2023-09-23
### 1.7.8rc3: 2023-09-23

* Add profile icons for Ko-fi, Patreon, Paypal and Mastodon
* Add new profile icons to the advanced web interface
* Add verified badge styles to user listings

### 1.7.7: 2023-09-23

Expand Down
8 changes: 7 additions & 1 deletion layout-multiple-columns.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/* Mastodon Bird UI by @[email protected]
1.7.8rc2 */
1.7.8rc3 */

/* CSS variables */
:root {
Expand Down Expand Up @@ -2339,6 +2339,7 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}

/* Verified colors for Firefox before :has */
.layout-multiple-columns .account__details .verified-badge a,
.layout-multiple-columns .account__header__bar .account__header__fields .verified__mark,
.layout-multiple-columns .account__header__bar .account__header__fields .verified a,
.layout-multiple-columns .account__header__bar .account__header__bio .account__header__fields .verified a,
Expand All @@ -2348,6 +2349,7 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}

/* Reset verified colors */
.layout-multiple-columns .account__details .verified-badge a,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified a,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__bio .account__header__fields .verified a,
Expand All @@ -2357,22 +2359,26 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}

/* Replace verified__mark */
.layout-multiple-columns .account__details .verified-badge .verified-badge__mark::before,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark {
content: var(--icon-verified-smaller);
}

.layout-multiple-columns .account__details .verified-badge,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd {
align-items: center;
display: inline-flex;
gap: 4px;
}

.layout-multiple-columns .account__details .verified-badge .verified-badge__mark,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd span:nth-child(1) {
align-items: center;
display: flex;
order: 2;
}

.layout-multiple-columns .account__details .verified-badge > span,
.layout-multiple-columns .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd span:nth-child(2) {
order: 1;
}
Expand Down
6 changes: 6 additions & 0 deletions layout-single-column.css
Original file line number Diff line number Diff line change
Expand Up @@ -2361,6 +2361,7 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}

/* Verified colors for Firefox before :has */
.layout-single-column .account__details .verified-badge a,
.layout-single-column .account__header__bar .account__header__fields .verified__mark,
.layout-single-column .account__header__bar .account__header__fields .verified a,
.layout-single-column .account__header__bar .account__header__bio .account__header__fields .verified a,
Expand All @@ -2370,6 +2371,7 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}

/* Reset verified colors */
.layout-single-column .account__details .verified-badge a,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified a,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__bio .account__header__fields .verified a,
Expand All @@ -2379,22 +2381,26 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
}

/* Replace verified__mark */
.layout-single-column .account__details .verified-badge .verified-badge__mark::before,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified__mark {
content: var(--icon-verified-smaller);
}

.layout-single-column .account__details .verified-badge,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd {
align-items: center;
display: inline-flex;
gap: 4px;
}

.layout-single-column .account__details .verified-badge .verified-badge__mark,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd span:nth-child(1) {
align-items: center;
display: flex;
order: 2;
}

.layout-single-column .account__details .verified-badge > span,
.layout-single-column .account__header__bar:has(.account__header__fields .verified) .account__header__fields .verified dd span:nth-child(2) {
order: 1;
}
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "mastodon-bird-ui",
"version": "1.7.8rc2",
"version": "1.7.8rc3",
"description": "",
"main": "index.js",
"scripts": {
Expand Down

0 comments on commit 962d00c

Please sign in to comment.