aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/console/components/console.js12
-rw-r--r--src/console/site.scss8
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 {