JetBrains: Stylization of UI components to align with JetBrains native UI
Created by: philipp-spiess
Stylization of UI components to align with JetBrains native UI - low
I know this is tricky since we don't have a great way to inspect the CSS besides the debugger, but I noticed a few visible differences btw our UI and similar modals in JetBrains.
-
Search bar icon sizing & colors - Our icons in the search bar seem noticeably smaller in size compared to the icons in the Find in Files searchbar. They're also using different colors for the default and activated states.
-
Our star count + match count text are smaller in font size. This is my bad - I had it set to 10px in my designs, but seeing it side-by-side with the "Find in Files"- it seems as if JetBrains uses the same font size for the result as well as helper text. Updated my designs here
-
Thoughts on changing just the match count on the repo level to use the fainter grey that JetBrains uses for the filepath? I feel like it helps with quickly scanning the star results metadata separately from the match count.
- The last is more a question. I know we had to use the native modal header - is there a reason it's much shorter in height compared to the Find in Files modal header? (image below)
