fix(configurator): centre Process Editor button icon + make icon white
- Icon + label now share an inline-flex row with align-items: center,
so both sit on the button's vertical midline regardless of line-
height inheritance.
- Dedicated gap (10px) replaces the me-2 utility so the _hint block's
.fa { margin-bottom: 16px } can't bleed in and push the icon off.
- Icon colour forced to #ffffff to match the button's white label —
contrast against btn-primary green is now clean.
fusion_plating_configurator → 19.0.12.3.0
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
|
||||
{
|
||||
'name': 'Fusion Plating — Configurator',
|
||||
'version': '19.0.12.2.0',
|
||||
'version': '19.0.12.3.0',
|
||||
'category': 'Manufacturing/Plating',
|
||||
'summary': 'Quotation configurator with part catalog, coating configs, and formula-based pricing engine.',
|
||||
'description': """
|
||||
|
||||
@@ -122,4 +122,26 @@ $fp-composer-muted: var(--fp-composer-muted, $_fp-composer-muted-hex);
|
||||
color: $fp-composer-muted;
|
||||
}
|
||||
}
|
||||
|
||||
// "Open Process Editor" button — icon + label vertically centred,
|
||||
// icon forced to a dark tone for high contrast against the primary
|
||||
// button's green fill (the default inherited colour was washed out).
|
||||
&_editor_btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
padding: 10px 20px;
|
||||
line-height: 1;
|
||||
|
||||
.fa {
|
||||
color: #ffffff; // white — matches the button label for a clean read
|
||||
font-size: 1.05em;
|
||||
margin: 0; // override the _hint/_empty 16px bottom margin
|
||||
}
|
||||
|
||||
span {
|
||||
line-height: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -66,9 +66,9 @@
|
||||
<p>This part has a composed process tree. Click below to open the
|
||||
full tree editor where you can add, remove, reorder, and configure
|
||||
the process nodes.</p>
|
||||
<button class="btn btn-primary"
|
||||
<button class="btn btn-primary o_fp_part_composer_editor_btn"
|
||||
t-on-click="() => this.openRecipeEditor()">
|
||||
<i class="fa fa-sitemap me-2"/>
|
||||
<i class="fa fa-sitemap"/>
|
||||
<span>Open Process Editor</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user