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

dynamic text input width to match characters

Browse Source
This commit is contained in:
Gazook89
2024-11-07 19:46:07 -06:00
parent 650ec04417
commit 28855d02a6
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
client/homebrew/brewRenderer/toolBar/toolBar.jsx
View File

@@ -238,6 +238,7 @@ const ToolBar = ({ displayOptions, onDisplayOptionsChange, visiblePages, totalPa
onChange={(e)=>handlePageInput(e.target.value)} onChange={(e)=>handlePageInput(e.target.value)}
onBlur={()=>scrollToPage(pageNum)} onBlur={()=>scrollToPage(pageNum)}
onKeyDown={(e)=>e.key == 'Enter' && scrollToPage(pageNum)} onKeyDown={(e)=>e.key == 'Enter' && scrollToPage(pageNum)}
style={{ width: `${pageNum.length}ch` }}
/> />
<span id='page-count' title='Total Page Count'>/ {totalPages}</span> <span id='page-count' title='Total Page Count'>/ {totalPages}</span>
</div> </div>

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

@@ -140,7 +140,7 @@
// `.text-input` if generic to all range inputs, or `#page-input` if only for current page input // `.text-input` if generic to all range inputs, or `#page-input` if only for current page input
&#page-input { &#page-input {
width : 10ch; min-width : 5ch;
margin-right : 1ch; margin-right : 1ch;
text-align : center; text-align : center;
} }