Skip to content

Commit

Permalink
Add follow and unfollow hashtag icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@ronilaukkarinen
ronilaukkarinen committed Mar 29, 2023
1 parent 434c0c3 commit abb447c
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 3 deletions.
3 changes: 2 additions & 1 deletion CHANGELOG.md
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
### 1.3.4rc2: 2023-03-29
### 1.3.4: 2023-03-29

* Accessibility: Fix focus for list toggle (thanks @MerriNet@mastodon.social!)
* Accessibility: Fix focus ring on :focus-visible on column-links
* Add follow and unfollow hashtag icons (thanks for the idea @jaoler@suomi.social and @lari@suomi.social)

### 1.3.3: 2023-03-29

Expand Down
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "mastodon-bird-ui",
"version": "1.3.3",
"version": "1.3.4",
"description": "",
"main": "index.js",
"scripts": {
Expand Down
18 changes: 17 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/* Mastodon Bird UI by @[email protected]
1.3.4rc2 */
1.3.4 */

/* CSS variables */
:root {
Expand Down Expand Up @@ -74,6 +74,8 @@
--active-header-radial-gradient: radial-gradient(ellipse, rgba(99, 100, 255, .23) 0, rgba(99, 100, 255, 0) 60%);

/* Icons */
--icon-follow-hashtag: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 400 400'%3E%3Cpath fill='%23717c9b' d='M160.3 32.1c-4.2 1.2-9.8 6.8-11.2 11.1-.8 2.7-10.1 81.8-10.1 86.4 0 1.1-7.7 1.4-39.3 1.6l-39.3.3-4.1 2.7c-10.9 7.2-10.9 24.4 0 31.6l4.1 2.7 36.8.3c33.9.3 36.8.4 36.8 2 0 .9-1.4 14.8-3.1 30.9l-3.3 29.2-33.6.3-33.7.3-4 2.7c-10.9 7.2-10.9 24.4 0 31.6l4 2.7 31.4.3c29.5.3 31.3.4 31.3 2.1 0 1-1.8 18.2-4.1 38.2-4.6 41.2-4.7 46.9-.6 52.3 3.9 5.1 8.1 7 15.3 7.1 4.9 0 6.8-.5 10.1-2.7 7.2-4.7 7.6-6.5 12.7-52.8 2.5-22.8 4.6-42.1 4.6-42.8 0-.9 6.9-1.2 31-1.2 29.6 0 31 .1 31 1.9 0 1-1.8 18.2-4.1 38.2-4.6 41.2-4.7 46.9-.6 52.3 3.9 5.1 8.1 7 15.3 7.1 4.9 0 6.8-.5 10.1-2.7 5.7-3.8 7.9-9 9.3-22.3.6-6.1 1.3-12 1.5-13.1.4-1.8-.1-2.2-3.7-2.7-2.6-.3-5.1-1.5-6.7-3.1-2.5-2.6-2.6-3.1-2.9-16.7-.2-9.2.1-15.1.8-16.9 1.4-3.4 7.1-6 13.4-6h4.3l.7-8 .7-8H289v-11.4c0-19.6 1.6-21.1 21.7-21.1H324l3.7 3.8 3.8 3.7.4 12.6.3 12.6 4.2-.6c16.5-2.6 21.3-25.2 7.3-34.4l-4.1-2.7-36.8-.3c-33.9-.3-36.8-.4-36.8-2 0-.9 1.4-14.8 3.1-30.9l3.3-29.2 33.6-.3 33.7-.3 4-2.7c10.9-7.2 10.9-24.4 0-31.6l-4-2.7-31.4-.3c-29.5-.3-31.3-.4-31.3-2.1 0-1 1.8-18.2 4.1-38.2 4.6-41.2 4.7-46.9.6-52.3-3.9-5.1-8.1-7-15.3-7.1-4.9 0-6.8.5-10.1 2.7-7.2 4.7-7.6 6.5-12.7 52.8-2.5 22.8-4.6 42.1-4.6 42.7 0 1-6.9 1.3-31 1.3-29.6 0-31-.1-31-1.9 0-1 1.8-18.2 4.1-38.2 2.2-20 3.9-39.2 3.7-42.5-.4-6.9-3.6-12.2-8.9-15-3.8-1.9-11.5-2.6-15.6-1.3zM234 170.7c0 1-1.4 15-3.2 31l-3.2 29.3h-30.8c-28.7 0-30.8-.1-30.8-1.8 0-.9 1.4-14.9 3.2-31l3.2-29.2h30.8c28.7 0 30.8.1 30.8 1.7z'/%3E%3Cpath fill='%23717c9b' d='M296.9 246.5c-4.4 2.4-5.1 5.6-5 23.7l.1 16.8h-16.3c-9.4 0-17.8.5-19.6 1.1-5 1.8-6.1 5.1-6.1 18.8 0 11.9 0 12.1 2.9 15.3l2.9 3.3 18.1.3 18.1.3-.1 16.2c-.2 24.3.1 24.7 19.8 24.7 11.8 0 13.5-.2 15.2-1.9 3.2-3.2 4.1-8.7 4.1-24.4V326h16c17.1 0 21.8-1 23.9-4.8 1.6-3 1.4-27.4-.1-29.4-3.6-4.4-5.6-4.8-22.9-4.8h-16.7l-.4-17.3c-.4-23.8-1.2-24.7-20.1-24.7-7.6.1-12 .5-13.8 1.5z'/%3E%3C/svg%3E%0A");
--icon-unfollow-hashtag: url("data:image/svg+xml, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 400 400'%3E%3Cpath fill='%2300ba7c' d='M160.3 32.1c-4.2 1.2-9.8 6.8-11.2 11.1-.8 2.7-10.1 81.8-10.1 86.4 0 1.1-7.7 1.4-39.3 1.6l-39.3.3-4.1 2.7c-10.9 7.2-10.9 24.4 0 31.6l4.1 2.7 36.8.3c33.9.3 36.8.4 36.8 2 0 .9-1.4 14.8-3.1 30.9l-3.3 29.2-33.6.3-33.7.3-4 2.7c-10.9 7.2-10.9 24.4 0 31.6l4 2.7 31.4.3c29.5.3 31.3.4 31.3 2.1 0 1-1.8 18.2-4.1 38.2-4.6 41.2-4.7 46.9-.6 52.3 3.9 5.1 8.1 7 15.3 7.1 4.9 0 6.8-.5 10.1-2.7 7.2-4.7 7.6-6.5 12.7-52.8 2.5-22.8 4.6-42.1 4.6-42.8 0-.9 6.9-1.2 31-1.2 29.6 0 31 .1 31 1.9 0 1-1.8 18.2-4.1 38.2-4.6 41.2-4.7 46.9-.6 52.3 3.9 5.1 8.1 7 15.2 7.1 7.1 0 12.2-2.6 15.5-8 2.9-4.6 4.1-12.6 2.4-15.7-2-3.4-1.7-6.6.9-11.2 2-3.4 2.8-7.5 4.7-25.4l2.3-21.3-3.6-3.7c-4.2-4.5-5.7-7.2-5.7-10.7 0-4.2 2.3-7.5 11.7-16.7 13.8-13.4 15.5-13.2 32.3 3.6l9.5 9.6h12.9l11.1-10.9c12.2-12.1 15.5-13.7 21.4-10.7 2.9 1.5 3.1 1.5 3.1-.1 0-3.6-4.3-10.5-8.3-13.1l-4.1-2.7-36.8-.3c-33.9-.3-36.8-.4-36.8-2 0-.9 1.4-14.8 3.1-30.9l3.3-29.2 33.6-.3 33.7-.3 4-2.7c10.9-7.2 10.9-24.4 0-31.6l-4-2.7-31.4-.3c-29.5-.3-31.3-.4-31.3-2.1 0-1 1.8-18.2 4.1-38.2 4.6-41.2 4.7-46.9.6-52.3-3.9-5.1-8.1-7-15.3-7.1-4.9 0-6.8.5-10.1 2.7-7.2 4.7-7.6 6.5-12.7 52.8-2.5 22.8-4.6 42.1-4.6 42.7 0 1-6.9 1.3-31 1.3-29.6 0-31-.1-31-1.9 0-1 1.8-18.2 4.1-38.2 2.2-20 3.9-39.2 3.7-42.5-.4-6.9-3.6-12.2-8.9-15-3.8-1.9-11.5-2.6-15.6-1.3zM234 170.7c0 1-1.4 15-3.2 31l-3.2 29.3h-30.8c-28.7 0-30.8-.1-30.8-1.8 0-.9 1.4-14.9 3.2-31l3.2-29.2h30.8c28.7 0 30.8.1 30.8 1.7z'/%3E%3Cpath fill='%2300ba7c' d='M282.1 262.7c-1.4.3-5.8 3.8-9.8 8-6.7 6.8-7.3 7.8-7.3 11.5 0 3.9.6 4.7 10.7 14.9l10.7 10.9-10.7 10.9c-9.8 9.9-10.7 11.1-10.7 14.6s.8 4.6 7.8 11.7c6.8 6.7 8.3 7.8 11.3 7.8 4.4 0 4.7-.2 16.1-11.7l9.8-9.7 10.8 10.7c10.4 10.2 11.1 10.7 15.1 10.7 3.8 0 4.7-.6 11.6-7.5 7.1-7.1 7.5-7.7 7.5-12 0-4.5-.2-4.8-10.7-15L333.6 308l10-9.9c10.4-10.5 12.9-14.7 11.2-19.1-1.3-3.5-11.7-13.9-15.5-15.6-4.8-2.1-7.5-.6-19 10.8l-10.2 10.2-10.5-10.7c-5.8-5.9-11-10.7-11.5-10.7s-1.5-.2-2.3-.4c-.7-.2-2.4-.1-3.7.1z'/%3E%3C/svg%3E%0A");
--icon-boost: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23717c9b' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E");
--icon-boost-active: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%2300ba7c' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E");
--icon-boost-status: url("data:image/svg+xml, %0A%3Csvg viewBox='0 0 24 24' color='inherit' width='18' height='18' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='%23717c9b' d='M6 4h15a1 1 0 0 1 1 1v7h-2V6H6v3L1 5l5-4v3zm12 16H3a1 1 0 0 1-1-1v-7h2v6h14v-3l5 4l-5 4v-3z'/%3E%3C/svg%3E");
Expand Down Expand Up @@ -2955,3 +2957,17 @@ body.embed .entry .detailed-status {
background-color: var(--color-destructive);
border-color: var(--color-destructive);
}

/* Follow hashtag icon */
.layout-single-column .column-header__button .column-header__icon.fa-user-plus::before {
content: var(--icon-follow-hashtag);
position: relative;
top: 2px;
}

/* Unfollow hashtag icon */
.layout-single-column .column-header__button .column-header__icon.fa-user-times::before {
content: var(--icon-unfollow-hashtag);
position: relative;
top: 2px;
}

0 comments on commit abb447c

Please sign in to comment.