diff --git a/app/icons/COPYING.md b/app/icons/COPYING.md index e549a78f3a..6a8df9bfd5 100644 --- a/app/icons/COPYING.md +++ b/app/icons/COPYING.md @@ -2,8 +2,9 @@ - dashboard-filled.svg - Modified from Tabler icons, MIT - fediverse.svg - Modified from Wikipedia, CC0 -- gavel.svg - Created by ramsha61 for this project, MIT -- home-2-filled.svg - Modified from Tabler icons, MIT +- gavel.svg - Created by ramsha61 for this project, MIT +- home-squared.svg - Modified from Tabler icons, MIT +- pen-add.svg - Modified from Feather icons, MIT Tabler: https://tabler-icons.io/ Feather: https://feathericons.com/ diff --git a/app/icons/home-2-filled.svg b/app/icons/home-2-filled.svg deleted file mode 100644 index f08cd6fea3..0000000000 --- a/app/icons/home-2-filled.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/app/icons/home-square.svg b/app/icons/home-square.svg new file mode 100644 index 0000000000..4bba6cc811 --- /dev/null +++ b/app/icons/home-square.svg @@ -0,0 +1,59 @@ + + + + + + image/svg+xml + + + + + + + + + diff --git a/app/icons/pen-add.svg b/app/icons/pen-add.svg new file mode 100644 index 0000000000..89da128c5d --- /dev/null +++ b/app/icons/pen-add.svg @@ -0,0 +1,78 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + diff --git a/app/soapbox/components/primary_navigation.js b/app/soapbox/components/primary_navigation.js index 3b358cb719..c9c3f915ed 100644 Binary files a/app/soapbox/components/primary_navigation.js and b/app/soapbox/components/primary_navigation.js differ diff --git a/app/soapbox/components/thumb_navigation.js b/app/soapbox/components/thumb_navigation.js index eea799e345..dd09506d0f 100644 Binary files a/app/soapbox/components/thumb_navigation.js and b/app/soapbox/components/thumb_navigation.js differ diff --git a/app/soapbox/features/ui/components/tabs_bar.js b/app/soapbox/features/ui/components/tabs_bar.js index 15b293cbd1..8a7dbaf18b 100644 Binary files a/app/soapbox/features/ui/components/tabs_bar.js and b/app/soapbox/features/ui/components/tabs_bar.js differ diff --git a/app/soapbox/features/ui/index.js b/app/soapbox/features/ui/index.js index 2b32f01e33..27e7d13fd5 100644 Binary files a/app/soapbox/features/ui/index.js and b/app/soapbox/features/ui/index.js differ diff --git a/app/styles/components/icon.scss b/app/styles/components/icon.scss index 2ffa232417..40b55cdda5 100644 --- a/app/styles/components/icon.scss +++ b/app/styles/components/icon.scss @@ -14,6 +14,10 @@ } &--active { + &.svg-icon--home svg { + fill: currentColor; + } + svg.icon-tabler-search { stroke-width: 2.3px; } diff --git a/app/styles/components/tabs-bar.scss b/app/styles/components/tabs-bar.scss index 5038f05da9..a0226aef8c 100644 --- a/app/styles/components/tabs-bar.scss +++ b/app/styles/components/tabs-bar.scss @@ -289,6 +289,11 @@ width: 26px; height: 26px; margin: 0 auto; + + svg { + fill: currentColor; + stroke-width: 1px; + } } &:hover { diff --git a/app/styles/ui.scss b/app/styles/ui.scss index dfac97c099..528b16b9b7 100644 --- a/app/styles/ui.scss +++ b/app/styles/ui.scss @@ -391,12 +391,12 @@ } .svg-icon { - width: 40px; - height: 40px; + width: 30px; + height: 30px; svg { - stroke-width: 1px; - width: 40px; // iOS fix + stroke: 1.5px; + width: 30px; // iOS fix } } }