quartz icon indicating copy to clipboard operation
quartz copied to clipboard

removed redundant css width

Open chidam333 opened this issue 8 months ago • 7 comments

Fixes #1945

chidam333 avatar Apr 26 '25 07:04 chidam333

this is useful to prevent a search bar that is too large in the top-header, maybe just up the limit?

jackyzha0 avatar Apr 26 '25 17:04 jackyzha0

makes sense... I made that leftbar searchbar desktop only, i created mobile toolbar which has search and all (for mobile devices) the current solution looks cramped tbh. What do you think ? image

chidam333 avatar Apr 27 '25 03:04 chidam333

I am honestly loving quartz. Components are well designed and it customizing it is fun. Thank you jacky.

chidam333 avatar Apr 27 '25 03:04 chidam333

built with Refined Cloudflare Pages Action

âš¡ Cloudflare Pages Deployment

Name Status Preview Last Commit
quartz ✅ Ready (View Log) Visit Preview 389cb70a3d77fb07fedf6998fd5347eaa5844372

github-actions[bot] avatar Apr 29 '25 09:04 github-actions[bot]

well your intended effect is that it grows on mobile right? desktop we want to make sure it doesnt take up an absurd amount of horizontal space (or we can make the max like 28em or something larger)

jackyzha0 avatar Apr 29 '25 16:04 jackyzha0

well your intended effect is that it grows on mobile right? desktop we want to make sure it doesnt take up an absurd amount of horizontal space (or we can make the max like 28em or something larger)

well no. In desktop i removed dark mode and reader mode. Search bar doesn't take the whole width because of this 14rem. Searchbar would take up absurd amount of horizontal space because it is bound to the parent container's width.

chidam333 avatar Apr 29 '25 17:04 chidam333

having more clarity because the search bar grows is usefull for accesiblity and clarity. If a icon is hidden the search bar should grow to fill that empty space.

DeanLemans avatar Aug 23 '25 19:08 DeanLemans