Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Frontend: Icon updates! #1569

Merged
merged 6 commits into from Mar 12, 2024
Merged

Frontend: Icon updates! #1569

merged 6 commits into from Mar 12, 2024

Conversation

Shrinks99
Copy link
Member

@Shrinks99 Shrinks99 commented Mar 2, 2024

Closes #1568

Changes

  • Status icons are now filled!
  • Uses Bootstrap Icons' new copy icon for all actions involving copying to clipboard!
    • Finally! A real copy icon! 馃帀
    • Removes copy-code.svg as it is no longer used
    • Actions involving duplicating objects still use files... Which is good! Now they have distinct symbols!
  • Adds orange to the tailwind colour palette

Screenshots

Shared is green now
Screenshot 2024-03-02 at 12 07 06鈥疉M

New Status Icons
Screenshot 2024-03-02 at 12 11 57鈥疉M

New copy button!!
Screenshot 2024-03-01 at 11 37 39鈥疨M

- Adds orange to tailwind config
- Changes status icons to filled
- Changes backup clouds icons to filled
- Adds colour to shared collections
- Removes the copy-code icon
  - We will now actually be using "files" for things represent multiple files!  Have kept it for duplicating browser profiles and workflows
@Shrinks99 Shrinks99 added the enhancement New feature or request label Mar 2, 2024
@Shrinks99 Shrinks99 self-assigned this Mar 2, 2024
@Shrinks99 Shrinks99 requested a review from emma-sg March 4, 2024 17:42
@SuaYoo
Copy link
Collaborator

SuaYoo commented Mar 11, 2024

Does this depend on the bootstrap icon version introduced in shoelace 2.10?

frontend/tailwind.config.js Show resolved Hide resolved
frontend/src/pages/org/collection-detail.ts Outdated Show resolved Hide resolved
frontend/src/pages/org/collections-list.ts Outdated Show resolved Hide resolved
@Shrinks99
Copy link
Member Author

Shrinks99 commented Mar 11, 2024

Does this depend on the bootstrap icon version introduced in shoelace 2.10?

No, this depends on Shoelace 2.9 (Bootstrap icons 1.11)

Co-authored-by: sua yoo <sua@webrecorder.org>
@Shrinks99 Shrinks99 requested a review from SuaYoo March 12, 2024 02:19
@Shrinks99 Shrinks99 merged commit 16e8b76 into main Mar 12, 2024
2 checks passed
@Shrinks99 Shrinks99 deleted the frontend-icon-updates branch March 12, 2024 19:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Change]: Update Status Icons
3 participants