112 Commits

Author SHA1 Message Date
Zoë Bijl cb0ad15138 [feature] replace icons with Phosphor (#77)
Replaces all icons with the [Phosphor icon set](https://phosphoricons.com/). To accomodate these icons this also touches general style of buttons, headings, and other containers of icons.

I want to give a massive shout out to [Niléane](https://nileane.fr/@nileane) and her project [Tangerine UI](https://github.com/nileane/TangerineUI-for-Mastodon). Most of the icons/adjustments I’ve made are based on her choices and work.

Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/77

Contains:

commit 4cd78295dd
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 13:57:50 2025 +0200

    [bugfix] increase contrast for spoiler link

commit 4594e776e0
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 13:48:05 2025 +0200

    [bugfix] increase contrast for “secondary” in light mode

    Increase the contrast for icons, usernames, and some other places

commit 7db3518be7
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 13:39:36 2025 +0200

    [bugfix] increase size of overlayed buttons

    …such as the hide sensitive content button

commit 3fd37bbfa5
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 13:29:22 2025 +0200

    [bugfix] resize three dot menu next to user

commit 82a4b2b8d9
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 13:23:29 2025 +0200

    [bugfix] use correct icon name

commit 470cb995f9
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 12:55:27 2025 +0200

    [bugfix] add back translation for pin/unpin button

    https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/77#issuecomment-7718876

commit 255b64c8f7
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 12:22:34 2025 +0200

    [bugfix] restore title functionality for icons

    the `title`-attribute doesn’t work on `<SVG>`-elements. the way to do it is with a nested `<title>`-element. this adds this functionality

commit 9c25c362fb
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 11:54:44 2025 +0200

    [bugfix] remove import of Icon

    This gave me an error yesterday i think, but seems fine now, so 🤷🏻‍♀️.

    From review: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/77#issuecomment-7719077

commit 36065d03fb
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 10:43:02 2025 +0200

    [docs] update changelog

commit 80cb9ef0c5
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 10:09:10 2025 +0200

    [bugfix] first pass at deduping and sorting

commit 59beb08921
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 01:59:50 2025 +0200

    fix lint issues

commit 3ffcdffdf1
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 01:53:24 2025 +0200

    liint

commit cda2a62ee5
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 01:46:50 2025 +0200

    lint

commit 373b756e8a
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 00:55:35 2025 +0200

    rename calls

commit d53ca0d990
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 00:52:25 2025 +0200

    rename icon components

commit 07a1e149e1
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 14 00:45:21 2025 +0200

    [feature] change _all_ remaining icons

commit 53fdc6b82f
Author: Zoë Bijl <code@moiety.me>
Date:   Mon Oct 13 20:17:04 2025 +0200

    [feature] change upload form icons

commit d143b433b2
Author: Zoë Bijl <code@moiety.me>
Date:   Mon Oct 13 13:56:27 2025 +0200

    [bugfix] allow icon with badge to expand horizontally

    This allows it to contain more numbers / text. Getting double digit notifications for example. Or the follow request cap '40+' text.

commit b737f07676
Author: Zoë Bijl <code@moiety.me>
Date:   Mon Oct 13 13:46:13 2025 +0200

    [bugfix] import correct component for “follow request” menu item

commit 03205b05a9
Author: Zoë Bijl <code@moiety.me>
Date:   Mon Oct 13 13:07:40 2025 +0200

    [feature] update follow request icons

commit 199db8b9af
Author: Zoë Bijl <code@moiety.me>
Date:   Mon Oct 13 01:40:23 2025 +0200

    [feature] change video player controls

commit 9fcbf23274
Author: Zoë Bijl <code@moiety.me>
Date:   Sun Oct 12 14:07:37 2025 +0200

    [feature] change unlisted status icon to an open padlock

    Custom made icon based on Phosphor. I flipped the “lock” bit so it’s easier to distinguish.

commit a359bf4ab1
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 17:30:10 2025 +0200

    [build] add regex for stylelint/custom-property-pattern

    Example: https://regex101.com/r/eITX54/1

commit 972624b360
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:52:28 2025 +0200

    [build] edit custom-property-pattern

commit caf3c1e41a
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:46:05 2025 +0200

    [bugfix] fix media modal icons

commit 3d2df89ab5
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:35:59 2025 +0200

    [bugfix] correct notification filter bar colours

commit 36308a2234
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:30:48 2025 +0200

    [bugfix] fix account search result styling

commit eea1c0315b
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:30:17 2025 +0200

    [bugfix] fix drawer colours

commit c2140a4be1
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:29:37 2025 +0200

    [bugfix] fix search styling

commit 22c7fc2491
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 15:28:48 2025 +0200

    [feature] change icons to Phosphor

commit f1eeb89908
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 14:23:29 2025 +0200

    [bugfix] properly set colors for lightmode

commit 7138e11984
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 14:22:59 2025 +0200

    [feature] use css variables for select component

    - Search field
    - Notifications filter bar/account post bar
    - Status prepend part ('x' boosted)
    - body background color

commit b91f194012
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 13:58:45 2025 +0200

    [bugfix] set font-weight on account portion of the display name

commit 49ebf988a4
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 12:16:41 2025 +0200

    [chore] correct path to login.css

commit 6433626943
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 12:10:54 2025 +0200

    [chore] fix lint issues

commit 9034a3d103
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 12:10:38 2025 +0200

    [chore] update stylelint rules

commit 5d5325d067
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 12:02:52 2025 +0200

    [bugfix] style `.gts-icon-with-badge`

    Fixes styling for the notification badge

commit fbd22639d9
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 09:30:14 2025 +0200

    icon badge style

commit 7f1c3fd388
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 09:03:07 2025 +0200

    [chore] fix lint issues

commit 5e063da784
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 10 01:01:35 2025 +0200

    [feature] change icon for “new list” button

commit c22c8ea097
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 23:50:28 2025 +0200

    [chore] add debug style for `.fa`

    I want to remove all FontAwesome from the project. This will help find any that are left over.

commit f236962403
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 23:49:39 2025 +0200

    [feature] change “local only” status icon

commit 94a1ec45c2
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 23:31:42 2025 +0200

    [bugfix] properly align account buttons

commit 7adcf93c80
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 23:31:25 2025 +0200

    [bugfix] set border radius on smaller screens

commit 8ad4c08069
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 23:03:15 2025 +0200

    [feature] remove icons from notification purge bar

commit 457c3c2910
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 19:49:49 2025 +0200

    [feature] change list edit buttons

commit 046be63ed6
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 18:15:14 2025 +0200

    [feature] update dismissible banner icon

commit 506e59034b
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 15:08:15 2025 +0200

    [feature] change header pin state/move icons

commit d97df4b87f
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 11:42:55 2025 +0200

    [chore] fix lint:js errors

commit b418204ae3
Author: Zoë Bijl <code@moiety.me>
Date:   Thu Oct 9 09:50:37 2025 +0200

    [chore] fix lint:js errors

    …related to the icons

commit 415b05d20a
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 13:44:51 2025 +0200

    [feature] replace column move icons

commit 14f119be65
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 13:38:18 2025 +0200

    [bugfix] hide overflow text

commit 6fb2dd73be
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 12:05:25 2025 +0200

    [feature] improve status-prepend display name hover state

commit f8f0b403af
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:55:57 2025 +0200

    [bugfix] uncomment slim back button styles

commit 8b254ae288
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:44:54 2025 +0200

    [feature] refactor status styling

    This does a bunch of stuff:

    - split out status components into their own file
    - unify spacing within a status
    - outline all icons
    - neatly fade the overflow part of a username
    - add underlines to username links when appropriate
    - correctly size all icons in a status
    - restyle spoiler link (content warning button)

commit ebfbed0553
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:40:18 2025 +0200

    [feature] change content warning state icon

commit f70946ef48
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:26:22 2025 +0200

    [bugfix] remove unnecessary `<span>`

commit 312b157581
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:15:07 2025 +0200

    [bugfix] correctly align status prepend

commit 2cd3a82fc7
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:04:39 2025 +0200

    [bugfix] set correct icon state in detailed status view

    This change was already made for the normal status view. It sets the icon to be filled when a status is boosted or favourited. Also forgoing the need for the Glitch checkmark.

commit e1c1325905
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:02:58 2025 +0200

    [feature] replace load-gap icon

commit d483cab118
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 11:00:05 2025 +0200

    [feature] align `drawer` and `compose-panel` components

    - Neatly aligns both the `.drawer` and `.compose-panel` components
    - Fixes `.search__input` padding  when inside the `.compose-panel`

commit 3c85b02b51
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 8 10:52:37 2025 +0200

    [feature] add “sizes” variables file

commit 7a4b9c6634
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 7 17:26:30 2025 +0200

    [feature] space out status action bar items

commit ebfd05be3d
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 7 17:25:49 2025 +0200

    [bugfix] remove “sticky” background on focus

commit a977011b34
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 7 17:24:52 2025 +0200

    [feature] refactor status prepend box

commit 52fbda27ed
Author: Zoë Bijl <code@moiety.me>
Date:   Tue Oct 7 17:20:44 2025 +0200

    [feature] add GTS specific CSS

    provides a space to place rewritten CSS; should help keep track of what has been done.

commit 7209169ba9
Author: Zoë Bijl <code@moiety.me>
Date:   Mon Oct 6 13:02:02 2025 +0200

    [feature] add animations to status bar icons

    When activated the status bar (under a toot) icons now do a cute lil animation, courtesy of Tangerine UI.

commit c0ea21299f
Author: Zoë Bijl <code@moiety.me>
Date:   Sun Oct 5 01:36:12 2025 +0200

    [feature] refactor search box / add drawer outlines

    - add outlines to some UI elements like the timeline and drawers
    - search “clear” button is now an actual `<button>`

commit 82cc610ab7
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 20:34:17 2025 +0200

    [feature] set icons for lists

commit 004404dc83
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 20:33:39 2025 +0200

    [feature] refactor local settings navigation item

commit 9dbc200fd6
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 20:32:27 2025 +0200

    [feature] refactor column/drawer header

commit beb7a68b5e
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 20:30:29 2025 +0200

    [fix] set correct icon size for action-bar

commit 6fb994abe6
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 20:29:35 2025 +0200

    [feature] refactor notifications filter bar

commit efaeb5d969
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 01:25:42 2025 +0200

    [refactor] compose form button bar CSS

    Complete rewrite of the CSS for the compose form button bar. This makes the buttons and icons sit nicely in the available space.

commit 18fd2ef39a
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 01:14:03 2025 +0200

    [feat] change unlisted icon from lock to moon

    Makes easier to distinguish.

commit 5e16246d56
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 01:00:54 2025 +0200

    [fix] use `<button>` for emoji button

    No idea why this was a `<div>`; this works fine in my testing.

commit 250b415a9d
Author: Zoë Bijl <code@moiety.me>
Date:   Sat Oct 4 00:58:16 2025 +0200

    [fix] remove inline styling for icon button

commit ea3106c635
Author: Zoë Bijl <code@moiety.me>
Date:   Fri Oct 3 23:11:38 2025 +0200

    [feature] set toot footer icons based on state

    When you favourite, boost, or bookmark a toot the icons turns into a filled version.

commit 5a6fd18ec2
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 1 23:48:22 2025 +0200

    [feature] add SVG icons

commit b62c1f4fc6
Author: Zoë Bijl <code@moiety.me>
Date:   Wed Oct 1 00:56:51 2025 +0200

    [feature] add SVG icons

    # Conflicts:
    #	.editorconfig

    # Conflicts:
    #	app/javascript/flavours/glitch/components/account.jsx
    #	app/javascript/flavours/glitch/components/column_back_button.jsx
    #	app/javascript/flavours/glitch/components/column_back_button_slim.jsx
    #	app/javascript/flavours/glitch/components/column_header.jsx
    #	app/javascript/flavours/glitch/components/dropdown_menu.jsx
    #	app/javascript/flavours/glitch/components/media_gallery.jsx
    #	app/javascript/flavours/glitch/components/status.jsx
    #	app/javascript/flavours/glitch/components/status_action_bar.jsx
    #	app/javascript/flavours/glitch/components/status_icons.jsx
    #	app/javascript/flavours/glitch/components/status_prepend.jsx
    #	app/javascript/flavours/glitch/components/status_visibility_icon.jsx
    #	app/javascript/flavours/glitch/features/account/components/header.jsx
    #	app/javascript/flavours/glitch/features/audio/index.jsx
    #	app/javascript/flavours/glitch/features/compose/components/dropdown.jsx
    #	app/javascript/flavours/glitch/features/compose/components/dropdown_menu.jsx
    #	app/javascript/flavours/glitch/features/compose/components/emoji_picker_dropdown.jsx
    #	app/javascript/flavours/glitch/features/compose/components/header.jsx
    #	app/javascript/flavours/glitch/features/compose/components/options.jsx
    #	app/javascript/flavours/glitch/features/compose/components/poll_form.jsx
    #	app/javascript/flavours/glitch/features/compose/components/privacy_dropdown.jsx
    #	app/javascript/flavours/glitch/features/compose/components/publisher.jsx
    #	app/javascript/flavours/glitch/features/compose/components/reply_indicator.jsx
    #	app/javascript/flavours/glitch/features/compose/components/search.jsx
    #	app/javascript/flavours/glitch/features/compose/components/textarea_icons.jsx
    #	app/javascript/flavours/glitch/features/favourites/index.jsx
    #	app/javascript/flavours/glitch/features/getting_started/index.jsx
    #	app/javascript/flavours/glitch/features/interaction_modal/index.jsx
    #	app/javascript/flavours/glitch/features/local_settings/navigation/item/index.jsx
    #	app/javascript/flavours/glitch/features/notifications/components/admin_report.jsx
    #	app/javascript/flavours/glitch/features/notifications/components/admin_signup.jsx
    #	app/javascript/flavours/glitch/features/notifications/components/clear_column_button.jsx
    #	app/javascript/flavours/glitch/features/notifications/components/filter_bar.jsx
    #	app/javascript/flavours/glitch/features/notifications/components/follow.jsx
    #	app/javascript/flavours/glitch/features/notifications/components/follow_request.jsx
    #	app/javascript/flavours/glitch/features/notifications/index.jsx
    #	app/javascript/flavours/glitch/features/picture_in_picture/components/footer.jsx
    #	app/javascript/flavours/glitch/features/reblogs/index.jsx
    #	app/javascript/flavours/glitch/features/status/components/action_bar.jsx
    #	app/javascript/flavours/glitch/features/status/components/detailed_status.jsx
    #	app/javascript/flavours/glitch/features/status/index.jsx
    #	app/javascript/flavours/glitch/features/ui/components/column_header.jsx
    #	app/javascript/flavours/glitch/features/ui/components/column_link.jsx
    #	app/javascript/flavours/glitch/features/ui/components/doodle_modal.jsx
    #	app/javascript/flavours/glitch/features/ui/components/embed_modal.jsx
    #	app/javascript/flavours/glitch/features/ui/components/filter_modal.jsx
    #	app/javascript/flavours/glitch/features/ui/components/focal_point_modal.jsx
    #	app/javascript/flavours/glitch/features/ui/components/image_modal.jsx
    #	app/javascript/flavours/glitch/features/ui/components/media_modal.jsx
    #	app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js
    #	app/javascript/flavours/glitch/features/ui/components/report_modal.jsx
2025-10-14 14:00:10 +02:00
Zoë Bijl 1ff70886a1 [build] upgrade eslint to 9.37.0 (#88)
Co-authored-by: tobi <tobi.smethurst@protonmail.com>
Reviewed-on: https://codeberg.org/superseriousbusiness/masto-fe-standalone/pulls/88
Co-authored-by: Zoë Bijl <moiety@noreply.codeberg.org>
Co-committed-by: Zoë Bijl <moiety@noreply.codeberg.org>
2025-10-12 13:42:02 +02:00
gunchleoc 217ef7f2af Replace 'favourite' by 'favorite' for American English (#26009) 2023-07-21 19:09:13 +02:00
Claire 71db616fed Change “About” and “Privacy policy” links to open in a new tab in advanced interface (#25973) 2023-07-13 17:59:15 +02:00
Renaud Chaput e58c36d308 Update inconsistent defaultMessage (#25114) 2023-05-24 12:38:50 +02:00
Renaud Chaput d27216dc46 Enforce import order with ESLint (#25096) 2023-05-23 17:15:17 +02:00
Renaud Chaput 8f66126b10 Use the new JSX transform (#25064) 2023-05-23 10:52:27 +02:00
Renaud Chaput c8181eb0a4 Enforce stricter rules for Typescript files (#24910) 2023-05-09 03:11:56 +02:00
Christian Schmidt ffd5b2eea4 Fix height of announcements not being updated when using reduced animations (#24354) 2023-04-05 14:58:10 +02:00
Eugen Rochko 68a192e718 Change "direct message" nomenclature to "private mention" in web UI (#24248) 2023-03-30 15:16:20 +02:00
Yamagishi Kazutoshi d1b057a0ac Remove legacy decorators syntax (#18357) 2023-03-24 03:17:53 +01:00
Renaud Chaput 44a7d87cb1 Rename JSX files with proper .jsx extension (#23733) 2023-02-20 03:20:59 +01:00
Nick Schonning eddfb33dfe Enable ESLint import recommended rules (#23315) 2023-02-13 15:12:31 +01:00
Nick Schonning c49213f0ea Upgrade ESlint to v8 (#23305) 2023-01-30 01:45:35 +01:00
Connor Shea cec1e902e0 Make the 'Trending now' header a link to Explore. (#21759)
This keeps the same design that exists currently, but makes "Trending
now" into a link to the Hashtags section of "Explore".

Resolves #21758.
2022-11-27 23:49:32 +01:00
Claire 267978d4fe Remove navigation links to /explore when trends are disabled (#19415)
* Remove navigation links to /explore when trends are disabled

* Do not display trends interface when trends are disabled
2022-10-25 19:03:16 +02:00
Eugen Rochko 839f893168 Change public accounts pages to mount the web UI (#19319)
* Change public accounts pages to mount the web UI

* Fix handling of remote usernames in routes

- When logged in, serve web app
- When logged out, redirect to permalink
- Fix `app-body` class not being set sometimes due to name conflict

* Fix missing `multiColumn` prop

* Fix failing test

* Use `discoverable` attribute to control indexing directives

* Fix `<ColumnLoading />` not using `multiColumn`

* Add `noindex` to accounts in REST API

* Change noindex directive to not be rendered by default before a route is mounted

* Add loading indicator for detailed status in web UI

* Fix missing indicator appearing while account is loading in web UI
2022-10-20 14:35:29 +02:00
Yamagishi Kazutoshi a5112b51fd Add title to pages with missing title in Web UI (#19322) 2022-10-09 03:55:09 +02:00
Eugen Rochko e2b561e3a5 Fix logged-out web UI on smaller screens (#19263) 2022-10-04 20:13:23 +02:00
Eugen Rochko 7e244879fe Change "Conversations" back to "Direct messages" and add warning in web UI (#18289)
Partially reverts #18146
2022-05-03 09:09:09 +02:00
Eugen Rochko be0bc9acbf Change "Direct" status visibility to "Only people I mention" in web UI (#18146)
- Change name of conversations column in web UI
- Change hotkey for opening conversations column from `g d` to `g c` in web UI
- Remove shortcuts for creating direct-visibility statuses from web UI
2022-04-29 00:24:31 +02:00
mayaeh 71e7d38421 Changed to display the "Explore" in "Getting-Started" at all resolutions (#17762) 2022-03-13 15:01:30 +01:00
mayaeh e38a01c41a Change the "Explore" icon from fa-globe to fa-hashtag (#17757) 2022-03-13 05:15:19 +01:00
mayaeh e52085246f Add menu column of explore to getting-started (#17755) 2022-03-13 04:51:09 +01:00
Eugen Rochko 54d4ece743 Remove profile directory link from main navigation panel (#17688) 2022-03-03 06:45:30 +01:00
Eugen Rochko d4592bbfcd Add explore page to web UI (#17123)
* Add explore page to web UI

* Fix not removing loaded statuses from trends on mute/block action
2022-02-25 00:34:33 +01:00
Eugen Rochko 07341e7aa6 Add graphs and retention metrics to admin dashboard (#16829) 2021-10-14 20:44:59 +02:00
Eugen Rochko 52e5c07948 Change routing paths to use usernames in web UI (#16171) 2021-09-26 05:46:13 +02:00
ThibG 3efa0c54b6 Change custom emoji to be animated when hovering container (#15637)
Co-authored-by: Claire <claire.github-309c@sitedethib.com>
2021-01-31 21:25:31 +01:00
ThibG 7d0031a515 Fix Google Translate breaking web interface (#15610)
- marks the page as a whole as untranslatable
- still marks user text as translatable

Co-authored-by: Claire <claire.github-309c@sitedethib.com>
2021-01-21 14:29:54 +01:00
Darius Kazemi 8e2530ea16 Mark correctly as read reverse-order announcements (#15070)
This fixes a bug in #15065 where the "read" indicator was not getting correctly set. The ID of a dismissed announcement is now correct.
2020-11-19 17:40:18 +01:00
Darius Kazemi f1f0400adc Show announcements in reverse chronological order (#15065) 2020-10-30 13:09:51 +01:00
ThibG 4c45b43cb8 Change how CDN_HOST is passed down to make assets build reproducible (#14381)
* Change how CDN_HOST is passed down to make assets build reproducible

* Change webpacker/webpack configuration to dynamically load publicPath based on meta header

* Fix embedded layout missing the cdn-host meta header
2020-10-13 01:19:35 +02:00
ThibG 65136600e3 Fix logging out on mobile (#14901)
Fixes #14900
2020-09-30 19:31:17 +02:00
ThibG 78e45a5285 Add option to disable swiping motions across the WebUI (#13885)
Fixes #13882
2020-09-30 19:31:03 +02:00
ThibG 7febf19296 Add back “Home” link to the “Getting Started” column when the “Home” column isn't mounted (#14707)
* Add back "Home" link to "Getting started" when Home column isn't mounted

* Fix keys in getting_started

It should not matter much in practice as the list of items will only
change extremely rarely, but having a `key` that corresponds to the actual
item makes much more sense than having it be the index of the item within
the list.
2020-08-31 18:11:37 +02:00
ThibG 858d0dd168 Fix frontend crash when deleting announcements (#13312)
Refactor and fix #13283, which only worked in some cases.
2020-03-25 22:39:55 +01:00
Daniel Sockwell 8758221e73 Fix frontend crash when deleting announcements (#13283)
This two-line change fixes a crash in the front end that occurred
under the following circumstances:
 *  A server had more than one announcement,
 *  A user was displaying the announcements, and
 *  An announcement was deleted (or unpublished, which amounts to
    the same thing.)

As might be expected, the bug was caused by attempting to access a
notification using an index value outside the bounds of the existing
announcements.  Specifically, in two places.  First,
`_markAnnouncementAsRead` attempts to modify announcements based on
the current index.  This is what caused the front end crash.  Second,
when rendering the `Announcements` component, the code paginates the
announcements and displays the current one.  This did not cause a
crash, but caused the front end to confusingly display a blank
announcement (in situations that would have caused a crash) with no
way for the user to navigate back to previous announcements.

This commit fixes both issues by adding a check to ensure that the
code never attempts to access an announcement with an index greater
than or equal to the number of announcements present.
2020-03-21 03:10:42 +01:00
ThibG aa67036b41 Add support for links to statuses in announcements to be opened in web UI (#13212)
* Add support for links to public statuses in announcements to be opened in WebUI

* Please CodeClimate
2020-03-08 16:10:48 +01:00
Bèr Kessels fd76955f39 Code style improvements in JavaScript (#13159)
* JS-linter: fix trailing comma's

* Configure eslinter to ignore this onchange error.
2020-03-08 16:02:36 +01:00
ThibG 3adc722d1c Change how unread announcements are handled (#13020)
* Change meaning of /api/v1/announcements/:id/dismiss to mark an announcement as read

* Change how unread announcements are counted in UI

* Add unread marker to announcements and mark announcements as unread as they are displayed

* Fixups
2020-02-03 01:53:09 +01:00
Eugen Rochko 0fcc4b1c56 Change announcements to be collapsed on page load in web UI (#12990) 2020-01-28 02:20:47 +01:00
Eugen Rochko dd4eec6bf6 Add animations to announcement reactions (#12970) 2020-01-27 11:03:45 +01:00
Eugen Rochko b9d74d4076 Add streaming API updates for announcements being modified or deleted (#12963)
Change `all_day` to be a visual client-side cue only

Publish immediately if `scheduled_at` is in the past

Add `published_at` and `updated_at` to announcements JSON
2020-01-26 20:07:26 +01:00
ThibG 48c55b6392 Improve announcements design (#12954)
* Move announcements above scroll container; add button to temporarily hide them

* Remove interface for dismissing announcements

* Display number of unread announcements

* Count unread announcements accurately

* Fix size of announcement box not fitting the currently displayed announcement

* Fix announcement box background color to match button color
2020-01-25 16:35:33 +01:00
Eugen Rochko f816da9c64 Add limit of 8 different reaction types per announcement (#12950) 2020-01-25 05:23:33 +01:00
Eugen Rochko 76f1ed834e Add number animations (#12948) 2020-01-25 05:23:05 +01:00
Eugen Rochko f52c988e12 Add announcements (#12662)
* Add announcements

Fix #11006

* Add reactions to announcements

* Add admin UI for announcements

* Add unit tests

* Fix issues

- Add `with_dismissed` param to announcements API
- Fix end date not being formatted when time range is given
- Fix announcement delete causing reactions to send streaming updates
- Fix announcements container growing too wide and mascot too small
- Fix `all_day` being settable when no time range is given
- Change text "Update" to "Announcement"

* Fix scheduler unpublishing announcements before they are due

* Fix filter params not being passed to announcements filter
2020-01-23 22:00:13 +01:00
ThibG dfea7368c9 Add bookmarks (#7107)
* Add backend support for bookmarks

Bookmarks behave like favourites, except they aren't shared with other
users and do not have an associated counter.

* Add spec for bookmark endpoints

* Add front-end support for bookmarks

* Introduce OAuth scopes for bookmarks

* Add bookmarks to archive takeout

* Fix migration

* Coding style fixes

* Fix rebase issue

* Update bookmarked_statuses to latest UI changes

* Update bookmark actions to properly reflect status changes in state

* Add bookmarks item to single-column layout

* Make active bookmarks red
2019-11-13 23:02:10 +01:00
ThibG 18b451c0e6 Change silences to always require approval on follow (#11975)
* Change silenced accounts to require approval on follow

* Also require approval for follows by people explicitly muted by target accounts

* Do not auto-accept silenced or muted accounts when switching from locked to unlocked

* Add `follow_requests_count` to verify_credentials

* Show “Follow requests” menu item if needed even if account is locked

* Add tests

* Correctly reflect that follow requests weren't auto-accepted when local account is silenced

* Accept follow requests from user-muted accounts to avoid leaking mutes
2019-09-27 21:13:51 +02:00