mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-17 12:07:02 +02:00
033b547360
* add size prop to icon component * use size instead of css classes to adjust Icons * add knobs for icon stories
24 lines
1010 B
Handlebars
24 lines
1010 B
Handlebars
<div class="console-ui-input" data-test-component="console/command-input">
|
|
{{#if isRunning}}
|
|
<div class="control console-spinner is-loading"></div>
|
|
{{else}}
|
|
<Chevron />
|
|
{{/if}}
|
|
<input onkeyup={{action 'handleKeyUp'}} value={{value}} autocomplete="off" spellcheck="false" />
|
|
{{#tool-tip horizontalPosition="auto-right" verticalPosition=(if isFullscreen "above" "below") as |d|}}
|
|
{{#d.trigger tagName="button" type="button" class=(concat "button is-compact" (if isFullscreen " active")) click=(action "fullscreen") data-test-tool-tip-trigger=true}}
|
|
<Icon @size="l" @glyph={{if isFullscreen "expand-less" "expand-more"}} aria-label={{if isFullscreen "Minimize" "Maximize"}} />
|
|
{{/d.trigger}}
|
|
{{#d.content class="tool-tip"}}
|
|
<div class="box">
|
|
{{#if isFullscreen}}
|
|
Minimize
|
|
{{else}}
|
|
Maximize
|
|
{{/if}}
|
|
</div>
|
|
{{/d.content}}
|
|
{{/tool-tip}}
|
|
</div>
|
|
<NamespaceReminder @class="console-reminder" @mode="execute" @noun="command" />
|