diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/console/components/console.js | 12 | ||||
-rw-r--r-- | src/console/site.scss | 8 |
2 files changed, 18 insertions, 2 deletions
diff --git a/src/console/components/console.js b/src/console/components/console.js index 5028e2a..7997f24 100644 --- a/src/console/components/console.js +++ b/src/console/components/console.js @@ -95,13 +95,23 @@ export default class ConsoleComponent { } showCommand(text) { + this.showConsole('command', text); + } + + showFind() { + this.showConsole('find', ''); + } + + showConsole(mode, initial) { let doc = this.wrapper.ownerDocument; let command = doc.querySelector('#vimvixen-console-command'); let input = doc.querySelector('#vimvixen-console-command-input'); + let promptEle = doc.querySelector('.vimvixen-console-command-prompt'); command.style.display = 'block'; - input.value = text; + input.value = initial; input.focus(); + promptEle.className = `vimvixen-console-command-prompt prompt-${mode}`; window.focus(); this.onInput({ target: input }); diff --git a/src/console/site.scss b/src/console/site.scss index e5cb2df..cd40db5 100644 --- a/src/console/site.scss +++ b/src/console/site.scss @@ -85,9 +85,15 @@ body { display: flex; &-prompt:before { + @include consoole-font; + } + + &-prompt.prompt-command:before { content: ':'; + } - @include consoole-font; + &-prompt.prompt-find:before { + content: '/'; } &-input { |