mirror of
https://github.com/HeyPuter/puter.git
synced 2026-08-25 23:46:51 +00:00
fix(gui): size the folder name box to the name it holds
The box sat at the browser's default ~20ch regardless of content: a short name floated in a hover pill far wider than the word, and a 40-character one clipped while the card had room to spare. field-sizing: content hugs the text between a 90px floor and the card's width, iOS-style; engines without the property keep the default box exactly as before.
This commit is contained in:
@@ -1330,6 +1330,12 @@ input.myapps-group-name {
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
/* Hug the name (iOS sizes the field to its text): a short name in the
|
||||
default ~20ch box floats in a hover pill far wider than the word, and
|
||||
a long one clips while the card has room. Engines without field-sizing
|
||||
keep that default box — same behavior as before, just less tailored. */
|
||||
field-sizing: content;
|
||||
min-width: 90px;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 8px;
|
||||
|
||||
Reference in New Issue
Block a user