Skip to content

Conversation

@yomybaby
Copy link
Member

@yomybaby yomybaby commented Oct 31, 2025

Resolves #4666 (FR-1696)

Reset font weight in FolderExplorerHeader and add character count to input

This PR makes two styling changes to the FolderExplorerHeader component:

  1. Resets the font weight to 'normal' in the title area to override the font weight set by BAIModal header
  2. Adds a character counter to the input field with a maximum of 64 characters
  3. Sets the input field's font weight to 'normal'

These changes ensure consistent styling and provide better user feedback when entering text in the folder explorer.

Checklist:

  • Documentation
  • Minium required manager version
  • Specific setting for review (eg., KB link, endpoint or how to setup)
  • Minimum requirements to check during review
  • Test case(s) to demonstrate the difference of before/after

@github-actions github-actions bot added the size:S 10~30 LoC label Oct 31, 2025
Copy link
Member Author

yomybaby commented Oct 31, 2025


How to use the Graphite Merge Queue

Add either label to this PR to merge it via the merge queue:

  • flow:merge-queue - adds this PR to the back of the merge queue
  • flow:hotfix - for urgent hot fixes, skip the queue and merge this PR next

You must have a Graphite account in order to use the merge queue. Sign up using this link.

An organization admin has required the Graphite Merge Queue in this repository.

Please do not merge from GitHub as this will restart CI on PRs being processed by the merge queue.

This stack of pull requests is managed by Graphite. Learn more about stacking.

@yomybaby yomybaby marked this pull request as ready for review October 31, 2025 10:06
Copilot AI review requested due to automatic review settings October 31, 2025 10:06
@yomybaby yomybaby force-pushed the style/minor-touch-up branch from 11e930d to 6dbd272 Compare October 31, 2025 10:07
@github-actions github-actions bot added size:L 100~500 LoC and removed size:S 10~30 LoC labels Oct 31, 2025
@github-actions
Copy link

github-actions bot commented Oct 31, 2025

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements 4.68% 547/11676
🔴 Branches 3.81% 314/8231
🔴 Functions 2.91% 104/3577
🔴 Lines 4.63% 529/11417

Test suite run success

125 tests passing in 14 suites.

Report generated by 🧪jest coverage report action from bfd10d6

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds font weight normalization and character count display to the folder name editor in the FolderExplorerHeader component.

  • Reset font weight to 'normal' for the title section and input field to override BAIModal header styling
  • Added character counter to the folder name input with a maximum of 64 characters

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@yomybaby yomybaby requested review from agatha197, ironAiken2 and nowgnuesLee and removed request for nowgnuesLee November 18, 2025 03:02
Copy link
Contributor

@agatha197 agatha197 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you modify EditableVFolderName​ too?

@yomybaby yomybaby changed the title style: touch up Folder explorer headisplay and display count style(FR-1696): touch up Folder explorer headisplay and display count Nov 18, 2025
Copy link
Contributor

@agatha197 agatha197 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@graphite-app
Copy link

graphite-app bot commented Nov 18, 2025

Merge activity

…#4581)

Resolves #4666 ([FR-1696](https://lablup.atlassian.net/browse/FR-1696))

# Reset font weight in FolderExplorerHeader and add character count to input

This PR makes two styling changes to the FolderExplorerHeader component:

1. Resets the font weight to 'normal' in the title area to override the font weight set by BAIModal header
2. Adds a character counter to the input field with a maximum of 64 characters
3. Sets the input field's font weight to 'normal'

These changes ensure consistent styling and provide better user feedback when entering text in the folder explorer.

**Checklist:**

- [ ] Documentation
- [ ] Minium required manager version
- [ ] Specific setting for review (eg., KB link, endpoint or how to setup)
- [ ] Minimum requirements to check during review
- [ ] Test case(s) to demonstrate the difference of before/after

[FR-1696]: https://lablup.atlassian.net/browse/FR-1696?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
@graphite-app graphite-app bot force-pushed the style/minor-touch-up branch from 6dbd272 to bfd10d6 Compare November 18, 2025 09:39
@graphite-app graphite-app bot merged commit bfd10d6 into main Nov 18, 2025
11 checks passed
@graphite-app graphite-app bot deleted the style/minor-touch-up branch November 18, 2025 09:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:L 100~500 LoC

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix Folder Explorer Header styling and add character counter

3 participants