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:
gsinghpal
2026-04-23 07:41:24 -04:00
parent 18f45d50f5
commit 33e35fd213
3 changed files with 25 additions and 3 deletions

View File

@@ -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': """

View File

@@ -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;
}
}
}

View File

@@ -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>