From 541449b1fced9eea15f415b023206b10724f5315 Mon Sep 17 00:00:00 2001 From: Shin'ya Ueoka Date: Sun, 8 Oct 2017 14:18:12 +0900 Subject: separate console --- src/pages/console.html | 20 ----------- src/pages/console.js | 34 ------------------- src/pages/console.scss | 92 -------------------------------------------------- 3 files changed, 146 deletions(-) delete mode 100644 src/pages/console.html delete mode 100644 src/pages/console.js delete mode 100644 src/pages/console.scss (limited to 'src/pages') diff --git a/src/pages/console.html b/src/pages/console.html deleted file mode 100644 index 4222f12..0000000 --- a/src/pages/console.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - VimVixen console - - - -

-
- -
- -
-
- - diff --git a/src/pages/console.js b/src/pages/console.js deleted file mode 100644 index 4c6e16c..0000000 --- a/src/pages/console.js +++ /dev/null @@ -1,34 +0,0 @@ -import './console.scss'; -import messages from 'shared/messages'; -import CompletionComponent from 'components/completion'; -import ConsoleComponent from 'components/console'; -import reducers from 'reducers'; -import { createStore } from 'store'; -import * as consoleActions from 'actions/console'; - -const store = createStore(reducers); -let completionComponent = null; -let consoleComponent = null; - -window.addEventListener('load', () => { - let wrapper = document.querySelector('#vimvixen-console-completion'); - completionComponent = new CompletionComponent(wrapper, store); - - consoleComponent = new ConsoleComponent(document.body, store); -}); - -store.subscribe(() => { - completionComponent.update(); - consoleComponent.update(); -}); - -browser.runtime.onMessage.addListener((action) => { - switch (action.type) { - case messages.CONSOLE_SHOW_COMMAND: - return store.dispatch(consoleActions.showCommand(action.command)); - case messages.CONSOLE_SHOW_ERROR: - return store.dispatch(consoleActions.showError(action.text)); - case messages.CONSOLE_HIDE: - return store.dispatch(consoleActions.hide(action.command)); - } -}); diff --git a/src/pages/console.scss b/src/pages/console.scss deleted file mode 100644 index 5823dce..0000000 --- a/src/pages/console.scss +++ /dev/null @@ -1,92 +0,0 @@ -html, body, * { - margin: 0; - padding: 0; -} - -body { - position: absolute; - bottom: 0; - left: 0; - right: 0; - overflow: hidden; -} - -.vimvixen-console { - border-top: 1px solid gray; - bottom: 0; - margin: 0; - padding: 0; - - @mixin consoole-font { - font-style: normal; - font-family: monospace; - font-size: 12px; - line-height: 16px; - } - - &-completion { - background-color: white; - - @include consoole-font; - - &-title { - background-color: lightgray; - font-weight: bold; - margin: 0; - padding: 0; - } - - &-item { - padding-left: 1.5rem; - background-position: 0 center; - background-size: contain; - background-repeat: no-repeat; - white-space: nowrap; - - &.vimvixen-completion-selected { - background-color: yellow; - } - - &-caption { - display: inline-block; - width: 40%; - text-overflow: ellipsis; - overflow: hidden; - } - - &-url { - display: inline-block; - color: green; - width: 60%; - text-overflow: ellipsis; - overflow: hidden; - } - } - } - - &-error { - background-color: red; - font-weight: bold; - color: white; - - @include consoole-font; - } - - &-command { - background-color: white; - display: flex; - - &-prompt:before { - content: ':'; - - @include consoole-font; - } - - &-input { - border: none; - flex-grow: 1; - - @include consoole-font; - } - } -} -- cgit v1.2.3