starred/vscode-dark-islands
1
0
Fork 0
mirror of https://github.com/bwya77/vscode-dark-islands.git synced 2026-05-09 08:25:35 +02:00
Code Issues 62 Projects Packages Wiki Activity

[GH-ISSUE #43] Search bar is too small on MacOS and Windows #32

New issue
Open
opened 2026-05-06 13:12:48 +02:00 by BreizhHardware · 10 comments
BreizhHardware commented 2026-05-06 13:12:48 +02:00
Owner
Copy link

Originally created by @sray34 on GitHub (Feb 16, 2026).
Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/43

Originally assigned to: @bwya77 on GitHub.

On MacOS 26.2. Didn't test it on Windows.

Image
Originally created by @sray34 on GitHub (Feb 16, 2026). Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/43 Originally assigned to: @bwya77 on GitHub. On MacOS 26.2. Didn't test it on Windows. <img width="520" height="249" alt="Image" src="https://github.com/user-attachments/assets/a6346cc3-1279-40b6-b040-5abab4a313b4" />
BreizhHardware commented 2026-05-06 13:12:49 +02:00
Author
Owner
Copy link

@IlanZ93 commented on GitHub (Feb 16, 2026):

Windows too.

<!-- gh-comment-id:3909062908 --> @IlanZ93 commented on GitHub (Feb 16, 2026): Windows too.
BreizhHardware commented 2026-05-06 13:12:49 +02:00
Author
Owner
Copy link

@bwya77 commented on GitHub (Feb 19, 2026):

I am not able to replicate on 2 macos devices.
I am clicking the search icon (magnifying glass) in the left pane and I see two textboxes. Search and replace

Please let me know if I am missing something

<!-- gh-comment-id:3928553095 --> @bwya77 commented on GitHub (Feb 19, 2026): I am not able to replicate on 2 macos devices. I am clicking the search icon (magnifying glass) in the left pane and I see two textboxes. Search and replace Please let me know if I am missing something
BreizhHardware commented 2026-05-06 13:12:49 +02:00
Author
Owner
Copy link

@sylcvh commented on GitHub (Feb 20, 2026):

Image

"Search" and "Replace" bar is being cut-off. Not sure if this has been pushed to production yet, just wanted to point it out.

<!-- gh-comment-id:3931229851 --> @sylcvh commented on GitHub (Feb 20, 2026): <img width="389" height="187" alt="Image" src="https://github.com/user-attachments/assets/b49fe966-a499-48cc-a778-e00c44b0b8bf" /> "Search" and "Replace" bar is being cut-off. Not sure if this has been pushed to production yet, just wanted to point it out.
BreizhHardware commented 2026-05-06 13:12:49 +02:00
Author
Owner
Copy link

@sylcvh commented on GitHub (Feb 20, 2026):

Image

Also, in the extensions tab, it is bugged.

<!-- gh-comment-id:3931235676 --> @sylcvh commented on GitHub (Feb 20, 2026): <img width="387" height="166" alt="Image" src="https://github.com/user-attachments/assets/f97fe37c-5178-4f00-b1b7-86f3b6ad9c46" /> Also, in the extensions tab, it is bugged.
BreizhHardware commented 2026-05-06 13:12:49 +02:00
Author
Owner
Copy link

@bwya77 commented on GitHub (Feb 20, 2026):

Is this on v0.0.2?

<!-- gh-comment-id:3931378989 --> @bwya77 commented on GitHub (Feb 20, 2026): Is this on v0.0.2?
BreizhHardware commented 2026-05-06 13:12:50 +02:00
Author
Owner
Copy link

@sylcvh commented on GitHub (Feb 20, 2026):

I'm not too sure, I installed it again through the One-Liner install method just to update it, so I assume it is.

<!-- gh-comment-id:3931408047 --> @sylcvh commented on GitHub (Feb 20, 2026): I'm not too sure, I installed it again through the One-Liner install method just to update it, so I assume it is.
BreizhHardware commented 2026-05-06 13:12:50 +02:00
Author
Owner
Copy link

@bwya77 commented on GitHub (Feb 20, 2026):

Check your settings file in VSCode.

I put a comment on the first line for the version.

Still trying to think of a better way to version it all.

<!-- gh-comment-id:3931420009 --> @bwya77 commented on GitHub (Feb 20, 2026): Check your settings file in VSCode. I put a comment on the first line for the version. Still trying to think of a better way to version it all.
BreizhHardware commented 2026-05-06 13:12:50 +02:00
Author
Owner
Copy link

@sylcvh commented on GitHub (Feb 20, 2026):

Yes, it is, just checked.

<!-- gh-comment-id:3931425556 --> @sylcvh commented on GitHub (Feb 20, 2026): Yes, it is, just checked.
BreizhHardware commented 2026-05-06 13:12:50 +02:00
Author
Owner
Copy link

@sylcvh commented on GitHub (Mar 3, 2026):

Any updates?

<!-- gh-comment-id:3988587632 --> @sylcvh commented on GitHub (Mar 3, 2026): Any updates?
BreizhHardware commented 2026-05-06 13:12:51 +02:00
Author
Owner
Copy link

@IlanZ93 commented on GitHub (Mar 3, 2026):

@sylcvh

The issue is from this style :

 ".search-widget .replace-input .monaco-findInput": {
      "width": "228px !important",
      "height": "26px !important"
   },
   ".search-widget .search-container .monaco-findInput": {
      "width": "228px !important",
      "height": "26px !important"
   },

Before :
Image

After :
Image

I change for this :

 ".search-widget .replace-container": {
      "width": "calc(100% - 18px) !important",
   },
   ".search-widget .replace-container .replace-input": {
      "width": "calc(100% - 26px) !important",
      "height": "26px !important"
   },
   ".search-widget .search-container .monaco-findInput": {
      "height": "26px !important"
   },

I dunno why the width was fixed at 228 but this is the issue...

And for the Extension search bar placeholder add the width :

 ".extensions-search-container .suggest-input-placeholder": {
      "font-size": "11px !important",
      "width": "calc(100% - 55px) !important",
   },
<!-- gh-comment-id:3991482392 --> @IlanZ93 commented on GitHub (Mar 3, 2026): @sylcvh The issue is from this style : ``` ".search-widget .replace-input .monaco-findInput": { "width": "228px !important", "height": "26px !important" }, ".search-widget .search-container .monaco-findInput": { "width": "228px !important", "height": "26px !important" }, ``` Before : <img width="302" height="94" alt="Image" src="https://github.com/user-attachments/assets/05b3b2a0-ff26-46ea-938f-4b34f50abc56" /> After : <img width="302" height="94" alt="Image" src="https://github.com/user-attachments/assets/026ba4cc-c450-4859-a64f-0446d3afea63" /> I change for this : ``` ".search-widget .replace-container": { "width": "calc(100% - 18px) !important", }, ".search-widget .replace-container .replace-input": { "width": "calc(100% - 26px) !important", "height": "26px !important" }, ".search-widget .search-container .monaco-findInput": { "height": "26px !important" }, ``` I dunno why the width was fixed at 228 but this is the issue... And for the Extension search bar placeholder add the width : ``` ".extensions-search-container .suggest-input-placeholder": { "font-size": "11px !important", "width": "calc(100% - 55px) !important", }, ```
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
0.0.3
bwyatt-custom
0.0.2
Labels
Clear labels   
bug

   
bug

   
duplicate

   
enhancement

   
enhancement

   
Missing Info

   
pull-request
Mirrored from GitHub Pull Request

  
wontfix
No labels
bug
bug
duplicate
enhancement
enhancement
Missing Info
pull-request
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/vscode-dark-islands#32
No description provided.