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

View File

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

View File

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