diff --git a/src/extension.css b/src/extension.css new file mode 100644 index 0000000..23ded65 --- /dev/null +++ b/src/extension.css @@ -0,0 +1,63 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Global */ +html, +body { + background: transparent; + box-sizing: border-box; + color: #222426; + cursor: default; + display: flex; + flex-direction: column; + font: caption; + margin: 0; + padding: 0; + user-select: none; +} + +body * { + box-sizing: border-box; + text-align: start; +} + +/* Panel Section - List */ +.panel-section-list { + display: flex; + flex-direction: column; + padding: 4px 0; +} + +.panel-list-item { + align-items: center; + display: flex; + flex-direction: row; + height: 24px; + padding: 0 16px; +} + +.panel-list-item:hover { + background-color: rgba(0, 0, 0, 0.06); + border-block: 1px solid rgba(0, 0, 0, 0.1); +} + +.panel-list-item:hover:active { + background-color: rgba(0, 0, 0, 0.1); +} + +.panel-list-item > .icon { + flex-grow: 0; + flex-shrink: 0; +} + +.panel-list-item > .text { + flex-grow: 10; +} + +.panel-list-item > .text-shortcut { + color: #808080; + font-family: "Lucida Grande", caption; + font-size: .847em; + justify-content: flex-end; +} diff --git a/src/manifest.json b/src/manifest.json index 0df7a5c..4f4b48e 100644 --- a/src/manifest.json +++ b/src/manifest.json @@ -12,7 +12,6 @@ "scripts": ["background.js"] }, "action": { - "browser_style": true, "default_title": "__MSG_buttonTitle__", "default_icon": "icons/favicon.svg", "default_area": "navbar", diff --git a/src/popup.html b/src/popup.html index e3dd1e9..b744f5a 100644 --- a/src/popup.html +++ b/src/popup.html @@ -3,6 +3,7 @@ /usr/space +