[PR #1175] [CLOSED] Improve language selector: unified SVG flags and reliable rendering #1214

New Issue

OVERLORD · 2026-02-04T21:57:23+03:00

OVERLORD commented

2026-02-04 21:57:23 +03:00

📋 Pull Request Information

Original PR: https://github.com/plankanban/planka/pull/1175
Author: @symonbaikov
Created: 6/5/2025
Status: ❌ Closed

Base: master ← Head: master

📝 Commits (4)

e14795c feat: use react-world-flags for language selector and unify flag styles
5906e66 Merge branch 'plankanban:master' into master
0177a6f chore: remove react-world-flags dependency and update flag rendering
82b5035 Merge branch 'plankanban:master' into master

📊 Changes

3 files changed (+50 additions, -5 deletions)

View changed files

📝 client/package-lock.json (+22 -3)
📝 client/src/components/users/UserSettingsModal/AccountPane/AccountPane.jsx (+16 -2)
➕ client/src/components/users/UserSettingsModal/LocaleFlag.module.scss (+12 -0)

📄 Description

This PR improves the language selector in the user settings modal:
Switched from Semantic UI flag icons to react-world-flags for reliable, high-quality SVG country flags.
Added a dedicated SCSS module to ensure all flags have a consistent size, aspect ratio, and perfect vertical alignment with language names.
All flags are now visually unified, centered, and look professional in the dropdown.
Removed legacy flag-icons integration and related code.
Improved user experience and visual consistency across all supported languages.
Screenshots attached to demonstrate the new look and alignment.

Before:

After:

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/plankanban/planka/pull/1175 **Author:** [@symonbaikov](https://github.com/symonbaikov) **Created:** 6/5/2025 **Status:** ❌ Closed **Base:** `master` ← **Head:** `master` --- ### 📝 Commits (4) - [`e14795c`](https://github.com/plankanban/planka/commit/e14795cd275061640c57babe0ec38ba66003c050) feat: use react-world-flags for language selector and unify flag styles - [`5906e66`](https://github.com/plankanban/planka/commit/5906e660cd8986e9ce80131eea9ca6b64d386e2f) Merge branch 'plankanban:master' into master - [`0177a6f`](https://github.com/plankanban/planka/commit/0177a6fef03414361c6e6bb58f0fc554dc14994a) chore: remove react-world-flags dependency and update flag rendering - [`82b5035`](https://github.com/plankanban/planka/commit/82b50354809816162b347c1590231be18b42af23) Merge branch 'plankanban:master' into master ### 📊 Changes **3 files changed** (+50 additions, -5 deletions) <details> <summary>View changed files</summary> 📝 `client/package-lock.json` (+22 -3) 📝 `client/src/components/users/UserSettingsModal/AccountPane/AccountPane.jsx` (+16 -2) ➕ `client/src/components/users/UserSettingsModal/LocaleFlag.module.scss` (+12 -0) </details> ### 📄 Description This PR improves the language selector in the user settings modal: Switched from Semantic UI flag icons to react-world-flags for reliable, high-quality SVG country flags. Added a dedicated SCSS module to ensure all flags have a consistent size, aspect ratio, and perfect vertical alignment with language names. All flags are now visually unified, centered, and look professional in the dropdown. Removed legacy flag-icons integration and related code. Improved user experience and visual consistency across all supported languages. Screenshots attached to demonstrate the new look and alignment. **Before:** ![photo_2025-06-05 18 40 57](https://github.com/user-attachments/assets/325e618c-8afe-40c5-9c01-a357c573604a) **After:** ![photo_2025-06-05 18 40 55](https://github.com/user-attachments/assets/5f41d642-71c4-44dc-826c-decbf454ed28) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

OVERLORD added the pull-request label 2026-02-04 21:57:23 +03:00

OVERLORD closed this issue

2026-02-04 21:57:31 +03:00

OVERLORD referenced this issue

2026-02-04 21:59:01 +03:00

[PR #1214] [MERGED] feat(client): Filter cards by tasks assigned user #1237

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/planka#1214