open-vault/ui/app/templates/components/console/command-input.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

33 lines
1.1 KiB
Handlebars

<div class="console-ui-input" data-test-component="console/command-input">
{{#if this.isRunning}}
<div class="control console-spinner is-loading"></div>
{{else}}
<Chevron />
{{/if}}
<input onkeyup={{action "handleKeyUp"}} value={{this.value}} autocomplete="off" spellcheck="false" />
<ToolTip @horizontalPosition="auto-right" @verticalPosition={{if this.isFullscreen "above" "below"}} as |d|>
<d.Trigger>
<button
type="button"
class={{concat "button is-compact" (if this.isFullscreen " active")}}
{{on "click" (action "fullscreen")}}
data-test-tool-tip-trigger
>
<Icon
@name={{if this.isFullscreen "minimize" "maximize"}}
aria-label={{if this.isFullscreen "Minimize" "Maximize"}}
/>
</button>
</d.Trigger>
<d.Content @defaultClass="tool-tip">
<div class="box">
{{#if this.isFullscreen}}
Minimize
{{else}}
Maximize
{{/if}}
</div>
</d.Content>
</ToolTip>
</div>
<NamespaceReminder @class="console-reminder" @mode="execute" @noun="command" />