0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 18:42:40 +00:00

style change on page text input

Reduce the visual prominence of the page input by using a darker background and a text color that matches the rest of the toolbar icons.  Darker background still indicates this is an interactive item (is an input), hopefully.
This commit is contained in:
Gazook89
2024-10-21 21:19:49 -05:00
parent 0afc2ab2e6
commit 183dd63021

View File

@@ -39,9 +39,9 @@
height : 1.5em; height : 1.5em;
padding : 2px 5px; padding : 2px 5px;
font-family : 'Open Sans', sans-serif; font-family : 'Open Sans', sans-serif;
color : #000000; color : inherit;
background : #EEEEEE; background : #3B3B3B;
border : 1px solid gray; border : none;
&:focus { outline : 1px solid #D3D3D3; } &:focus { outline : 1px solid #D3D3D3; }
// `.range-input` if generic to all range inputs, or `#zoom-slider` if only for zoom slider // `.range-input` if generic to all range inputs, or `#zoom-slider` if only for zoom slider
@@ -76,7 +76,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 : 8ch; width : 10ch;
margin-right : 1ch; margin-right : 1ch;
text-align : center; text-align : center;
} }