nicholas/formulation
1
0
Fork 0
Code Pull Requests Actions Activity

fix(scaling): set scale labels to grey and restore clean grey input baseline underlines matching Meez

Browse Source
This commit is contained in:
nicholas
2026-08-18 11:56:52 -05:00
parent 3f040bab23
commit 3840200a7c
1 changed files with 23 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components/recipe-view.css
+23 -13
View File
@@ -745,11 +745,11 @@
.application-body .recipe-view-formula .calculator-heading .scale-label,
.application-body .immersive-main .recipe-read-shell .recipe-view-formula .calculator-heading .scale-label {
display: inline-block !important;
color: #050841 !important;
color: #70707b !important;
font-family: var(--meez-font-sans) !important;
font-size: 14px !important;
font-weight: 400 !important;
padding-right: 15px !important;
padding-right: 8px !important;
margin: 0 !important;
user-select: none !important;
white-space: nowrap !important;
@@ -763,23 +763,25 @@
flex-wrap: nowrap !important;
height: auto !important;
min-height: 0 !important;
padding: 0 !important;
padding: 0 0 1px !important;
background: transparent !important;
border: 0 !important;
border-bottom: none !important;
border-bottom: 1px solid #a5a9c1 !important;
border-radius: 0 !important;
overflow: visible !important;
transition: border-color 0.15s ease !important;
}
.application-body .recipe-view-formula .calculator-heading .recipe-scale-control:hover,
.application-body .immersive-main .recipe-read-shell .recipe-view-formula .calculator-heading .recipe-scale-control:hover {
border-bottom: none !important;
border-bottom-color: #050841 !important;
}
.application-body .recipe-view-formula .calculator-heading .recipe-scale-control:focus-within,
.application-body .immersive-main .recipe-read-shell .recipe-view-formula .calculator-heading .recipe-scale-control:focus-within {
border-bottom: none !important;
padding-bottom: 0 !important;
border-bottom: 1px solid #050841 !important;
border-bottom-color: #050841 !important;
padding-bottom: 1px !important;
}
.application-body .recipe-view-formula .calculator-heading .batch-size-control {
@@ -794,21 +796,23 @@
color: #050841 !important;
background: transparent !important;
border: none !important;
border-bottom: none !important;
border-bottom: 1px solid #a5a9c1 !important;
padding: 0 4px 1px 0 !important;
cursor: pointer !important;
outline: none !important;
height: 24px !important;
field-sizing: content;
transition: border-color 0.15s ease !important;
}
.application-body .recipe-view-formula .calculator-heading .meez-scale-select:hover {
border-bottom: none !important;
border-bottom-color: #050841 !important;
cursor: pointer !important;
}
.application-body .recipe-view-formula .calculator-heading .meez-scale-select:focus {
border-bottom: none !important;
border-bottom: 1px solid #050841 !important;
border-bottom-color: #050841 !important;
outline: none !important;
}
@@ -817,12 +821,18 @@
align-items: center !important;
margin-left: 6px !important;
border: none !important;
border-bottom: none !important;
padding: 0 !important;
border-bottom: 1px solid #a5a9c1 !important;
padding-bottom: 1px !important;
transition: border-color 0.15s ease !important;
}
.application-body .recipe-view-formula .calculator-heading .custom-scale-wrap:hover {
border-bottom-color: #050841 !important;
}
.application-body .recipe-view-formula .calculator-heading .custom-scale-wrap:focus-within {
border-bottom: none !important;
border-bottom: 1px solid #050841 !important;
border-bottom-color: #050841 !important;
outline: none !important;
}