open-vault/ui/app/templates/components/wizard-content.hbs
Jordan Reimer 05f6b0ae97
Tool Tip Styling Issue (#14064)
* updates dropdown transform codemod to apply @defaultClass arg to Content component

* runs codemod and transforms class to @defaultClass on basic dropdown Content component

* adds changelog entry

* removes changelog entry
2022-02-15 10:43:37 -07:00

41 lines
1.2 KiB
Handlebars

<div class="wizard-header">
{{#unless this.hidePopup}}
<PopupMenu @class="wizard-dismiss-menu">
<nav class="menu">
<ul class="menu-list">
<li class="action">
<button type="button" class="button link" onclick={{action "dismissWizard"}}>
Dismiss
</button>
</li>
</ul>
</nav>
</PopupMenu>
{{/unless}}
<h1 class="title is-5">
<Icon @name={{this.glyph}} />
{{this.headerText}}
</h1>
{{#if this.showProgress}}
<ToolTip @verticalPosition="below" as |T|>
<T.Trigger @tabindex="-1">
<WizardProgress @currentFeatureProgress={{this.currentFeatureProgress}} @progressBar={{this.progressBar}} />
</T.Trigger>
<T.Content @defaultClass="tool-tip">
<div class="box">
{{#if this.currentTutorialProgress}}
{{this.currentTutorialProgress.text}}
{{else}}
<p>{{capitalize this.currentFeatureProgress.feature}}</p>
{{this.currentFeatureProgress.text}}
{{/if}}
</div>
</T.Content>
</ToolTip>
{{else}}
{{#if this.selectProgress}}
<WizardProgress @noProgress={{true}} @progressBar={{this.selectProgress}} />
{{/if}}
{{/if}}
</div>
{{yield}}