f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-05 21:02:43 +00:00
Code Wiki Activity

tool elements use width:auto for flexibility, but with min-width

Browse Source 
Set the child elements of the toolbar to have auto width (can expand as needed), but have a min-width so no button, such as an icon, is too small.
This commit is contained in:
Gazook89
2024-08-17 15:34:13 -05:00
parent adab8449e0
commit f204b0ebc0
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/homebrew/brewRenderer/toolBar/toolBar.less
View File

@@ -61,12 +61,12 @@
color : #CCCCCC; color : #CCCCCC;
padding : 0; padding : 0;
height: 100%; height: 100%;
width: auto;
box-sizing: content-box; box-sizing: content-box;
&:hover,&:focus-within { background-color : #444444; } &:hover,&:focus-within { background-color : #444444; }
button { button {
width : 70px;
font-family : 'Open Sans', sans-serif; font-family : 'Open Sans', sans-serif;
font-size : 11px; font-size : 11px;
font-weight : normal; font-weight : normal;
@@ -74,6 +74,8 @@
text-transform : uppercase; text-transform : uppercase;
background-color : transparent; background-color : transparent;
height : 100%; height : 100%;
width : auto;
min-width : 46px;
padding : 0 8px; padding : 0 8px;
&:focus-within { &:focus-within {