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',
|
'name': 'Fusion Plating — Configurator',
|
||||||
'version': '19.0.12.2.0',
|
'version': '19.0.12.3.0',
|
||||||
'category': 'Manufacturing/Plating',
|
'category': 'Manufacturing/Plating',
|
||||||
'summary': 'Quotation configurator with part catalog, coating configs, and formula-based pricing engine.',
|
'summary': 'Quotation configurator with part catalog, coating configs, and formula-based pricing engine.',
|
||||||
'description': """
|
'description': """
|
||||||
|
|||||||
@@ -122,4 +122,26 @@ $fp-composer-muted: var(--fp-composer-muted, $_fp-composer-muted-hex);
|
|||||||
color: $fp-composer-muted;
|
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
|
<p>This part has a composed process tree. Click below to open the
|
||||||
full tree editor where you can add, remove, reorder, and configure
|
full tree editor where you can add, remove, reorder, and configure
|
||||||
the process nodes.</p>
|
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()">
|
t-on-click="() => this.openRecipeEditor()">
|
||||||
<i class="fa fa-sitemap me-2"/>
|
<i class="fa fa-sitemap"/>
|
||||||
<span>Open Process Editor</span>
|
<span>Open Process Editor</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user