pludi
/
usrspace-browser-addon
forked from XimeX/usrspace-browser-addon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refactor(popup): remove "browser_style" setting and include cleaned up extension.css

This commit is contained in:
Thomas Rupprecht 2023-05-24 20:10:35 +02:00
parent 7a707c9fb0
commit d2d9aa70ca
3 changed files with 65 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/extension.css Normal file
View File

@ -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;
}

1
src/manifest.json
View File

@ -12,7 +12,6 @@
"scripts": ["background.js"]
},
"action": {
"browser_style": true,
"default_title": "__MSG_buttonTitle__",
"default_icon": "icons/favicon.svg",
"default_area": "navbar",

3
src/popup.html
View File

@ -3,6 +3,7 @@
<head>
<meta charset="utf-8" />
<title>/usr/space</title>
<link rel="stylesheet" href="extension.css" />
<link rel="stylesheet" href="popup.css" />
<template id="template-icon-closed">
@ -80,7 +81,7 @@
</section>
<section>
<h2 id="links"></h2>
<ul id="link-list" class="panel-section panel-section-list"></ul>
<ul id="link-list" class="panel-section-list"></ul>
</section>
<section>
<h2 id="nextEvent"></h2>