open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
5623bca182
stylus/manage.html

232 lines
6.9 KiB
HTML
Raw Normal View History

Unix line endings
2015-02-09 04:24:58 +00:00
<html>
<head>
Various Firefox error and warning fixes #166
2016-03-08 05:22:28 +00:00
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<title i18n-text="manageTitle"></title>
Unix line endings
2015-02-09 04:24:58 +00:00
<style>
body {
HTML fixes: close a tag, replace 0px with 0
2015-03-15 03:35:30 +00:00
margin: 0;
Unix line endings
2015-02-09 04:24:58 +00:00
font: 12px arial,sans-serif;
}
a, a:visited {
color: #555;
-webkit-transition: color 0.5s;
}
a:hover {
color: #999;
}
#header {
height: 100%;
width: 250px;
position: fixed;
HTML fixes: close a tag, replace 0px with 0
2015-03-15 03:35:30 +00:00
top: 0;
Unix line endings
2015-02-09 04:24:58 +00:00
padding: 15px;
border-right: 1px dashed #AAA;
HTML fixes: close a tag, replace 0px with 0
2015-03-15 03:35:30 +00:00
-webkit-box-shadow: 0 0 50px -18px black;
Unix line endings
2015-02-09 04:24:58 +00:00
}
Restore header for narrow width edit and standardize position
2015-03-24 00:52:18 +00:00
#header h1 {
margin-top: 0;
}
Unix line endings
2015-02-09 04:24:58 +00:00
#installed {
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
position: relative;
margin-left: 280px;
Unix line endings
2015-02-09 04:24:58 +00:00
}
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
[style-id] {
Unix line endings
2015-02-09 04:24:58 +00:00
margin: 10px;
HTML fixes: close a tag, replace 0px with 0
2015-03-15 03:35:30 +00:00
padding: 0 15px;
Unix line endings
2015-02-09 04:24:58 +00:00
}
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
[style-id] {
Unix line endings
2015-02-09 04:24:58 +00:00
border-top: 2px solid gray;
}
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
#installed::after {
content: "";
position: absolute;
top: 0;
width: 100%; height: 2px;
background-color: #fff;
}
Update world_go.png to 32x32, also suitable for retina
2015-09-01 18:47:40 +00:00
img[src*="world"] {
width: 16px;
height: 16px;
vertical-align: middle;
image-rendering: -webkit-optimize-contrast;
}
Manage: fix broken horizontal scrolling
2015-08-03 05:47:13 +00:00
.applies-to {
word-break: break-word;
}
Unix line endings
2015-02-09 04:24:58 +00:00
.applies-to, .actions {
padding-left: 15px;
}
.applies-to-extra {
font-weight: bold;
}
.disabled h2::after {
content: " (Disabled)";
}
.disabled {
opacity: 0.5;
}
.disabled .disable {
display: none;
}
.enabled .enable {
display: none;
}
/* Default, no update buttons */
.update, .check-update {
display: none;
}
/* Check update button for things that can*/
*[style-update-url] .check-update {
display: inline;
}
/* Update check in progress */
.checking-update .check-update {
display: none;
}
/* Updates available */
.can-update .update {
display: inline;
}
.can-update .check-update {
display: none;
}
/* Updates not available */
.no-update .check-update {
display: none;
}
/* Updates done */
.update-done .check-update {
display: none;
}
[option] List actions before styles in the popup Styles are listed before actions by default. Actions are listed before styles if `popup.stylesFirst` is false. A control for the option is shown in "Manage" if `popup.stylesFirstUI` is true.
2015-03-12 23:00:23 +00:00
.hidden {display: none}
Responsive design for Installed styles Pretty much the same thing as the edit page.
2015-02-20 07:18:54 +00:00
@media(max-width:675px) {
#header {
height: auto;
position: inherit;
width: auto;
border-right: none;
}
#installed {
HTML fixes: close a tag, replace 0px with 0
2015-03-15 03:35:30 +00:00
margin-left: 0;
Responsive design for Installed styles Pretty much the same thing as the edit page.
2015-02-20 07:18:54 +00:00
}
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
[style-id] {
HTML fixes: close a tag, replace 0px with 0
2015-03-15 03:35:30 +00:00
margin: 0;
Responsive design for Installed styles Pretty much the same thing as the edit page.
2015-02-20 07:18:54 +00:00
}
}
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
fieldset {
border-width: 1px;
border-radius: 6px;
margin: 1em 0;
}
.enabled-only > .disabled, .edited-only > [style-update-url] {
display: none;
}
Manager: search styles filter
2015-05-08 15:07:33 +00:00
#search {
width: calc(100% - 4px);
margin: 0.25rem 4px 0;
border-radius: 0.25rem;
padding-left: 0.25rem;
border-width: 1px;
}
#1 follow up
2017-01-13 08:53:17 +00:00
#import ul {
margin-left: 0;
padding-left: 0;
list-style: none;
}
#import li {
margin-bottom: .5em;
}
#import pre {
background:#eee;
overflow: auto;
margin: 0 0 .5em 0;
}
Unix line endings
2015-02-09 04:24:58 +00:00
</style>
Move html templates to html file
2015-07-19 15:27:19 +00:00
<template data-id="style">
<div>
<h2 class="style-name"></h2>
<p class="applies-to"></p>
<p class="actions">
<a class="style-edit-link" href="edit.html?id="><button i18n-text="editStyleLabel"></button></a>
<button class="enable" i18n-text="enableStyleLabel"></button>
<button class="disable" i18n-text="disableStyleLabel"></button>
<button class="delete" i18n-text="deleteStyleLabel"></button>
<button class="check-update" i18n-text="checkForUpdate"></button>
<button class="update" i18n-text="installUpdate"></button>
<span class="update-note"></span>
</p>
</div>
</template>
Various performance improvements
2016-03-19 21:58:01 +00:00
<template data-id="styleHomepage">
<a target="_blank">
<img src="world_go.png" alt="*">
</a>
</template>
Unix line endings
2015-02-09 04:24:58 +00:00
<script src="localization.js"></script>
<script src="health.js"></script>
<script src="storage.js"></script>
<script src="messaging.js"></script>
Apply styles to Stylish pages
2015-02-09 04:25:35 +00:00
<script src="apply.js"></script>
Manage: remember scroll position, initialize styles earlier
2015-05-27 20:30:22 +00:00
<script src="manage.js"></script>
Unix line endings
2015-02-09 04:24:58 +00:00
</head>
<body id="stylish-manage">
<div id="header">
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<h1 id="manage-heading" i18n-text="manageHeading"></h1>
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
<fieldset>
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<legend id="filters" i18n-text="manageFilters"></legend>
<div><input id="manage.onlyEnabled" type="checkbox"><label id="manage.onlyEnabled-label" for="manage.onlyEnabled" i18n-text="manageOnlyEnabled"></label></div>
<div><input id="manage.onlyEdited" type="checkbox"><label id="manage.onlyEdited-label" for="manage.onlyEdited" i18n-text="manageOnlyEdited"></label></div>
Manager: search styles filter
2015-05-08 15:07:33 +00:00
<div><input id="search" type="search" i18n-placeholder="searchStyles"></div>
Listing filters for 'Manage' Two independent filters. One allows only styles that are enabled, the other allows only styles that were written locally (that is, styles without an update URL).
2015-03-04 07:55:35 +00:00
</fieldset>
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<p><button id="check-all-updates" i18n-text="checkAllUpdates"></button></p>
Manager: "Apply all updates" button
2015-03-15 04:21:08 +00:00
<p>
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<button id="apply-all-updates" class="hidden" i18n-text="applyAllUpdates"></button>
<span id="update-all-no-updates" class="hidden" i18n-text="updateAllCheckSucceededNoUpdate"></span>
Manager: "Apply all updates" button
2015-03-15 04:21:08 +00:00
</p>
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<p><a href="edit.html"><button id="add-style-label" i18n-text="addStyleLabel"></button></a></p>
Unix line endings
2015-02-09 04:24:58 +00:00
<div id="options">
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<h2 id="options-heading" i18n-text="optionsHeading"></h2>
Add opt-out for analytics and make it ping once per day
2016-03-24 02:38:15 +00:00
<div><input id="show-badge" type="checkbox"><label id="show-badge-label" for="show-badge" i18n-text="prefShowBadge"></label></div>
Localization: embed in html, autorun, apply earlier
2015-03-27 10:30:07 +00:00
<div><input id="popup.stylesFirst" type="checkbox"><label id="stylesFirst-label" for="popup.stylesFirst" i18n-text="popupStylesFirst"></label></div>
Unix line endings
2015-02-09 04:24:58 +00:00
</div>
#1 follow up
2017-01-13 08:53:17 +00:00
<div id="import">
<h2>Stylish Migration</h2>
import styles from Stylish extension
2017-01-11 11:55:38 +00:00
<ul>
#1 follow up
2017-01-13 08:53:17 +00:00
<li>1. Copy this script to the clipboard</li>
<pre contenteditable="true">chrome.extension.getBackgroundPage().getStyles({}, e => {
import styles from Stylish extension
2017-01-11 11:55:38 +00:00
<span style='color:#7f0055; font-weight:bold; '>let</span> styles = JSON.stringify(e);
<span style='color:#7f0055; font-weight:bold; '>let</span> <span style='color:#7f0055; font-weight:bold; '>link</span> = document.createElement(<span style='color:#2a00ff; '>'</span><span style='color:#2a00ff; '>a</span><span style='color:#2a00ff; '>'</span>);
<span style='color:#7f0055; font-weight:bold; '>let</span> data = <span style='color:#7f0055; font-weight:bold; '>new</span> Blob([styles], {type: <span style='color:#2a00ff; '>'</span><span style='color:#2a00ff; '>text/plain;charset=utf-8;</span><span style='color:#2a00ff; '>'</span>});
<span style='color:#7f0055; font-weight:bold; '>link</span>.href = window.URL.createObjectURL(data);
<span style='color:#7f0055; font-weight:bold; '>link</span>.setAttribute(<span style='color:#2a00ff; '>'</span><span style='color:#2a00ff; '>download</span><span style='color:#2a00ff; '>'</span>, <span style='color:#2a00ff; '>'</span><span style='color:#2a00ff; '>styles.json</span><span style='color:#2a00ff; '>'</span>);
document.body.appendChild(<span style='color:#7f0055; font-weight:bold; '>link</span>);
<span style='color:#7f0055; font-weight:bold; '>link</span>.click();
document.body.removeChild(<span style='color:#7f0055; font-weight:bold; '>link</span>);
});
</pre>
#1 follow up
2017-01-13 08:53:17 +00:00
<li>2. Right-Click the Stylish toolbar button and select "Inspect Popup"</li>
<li>3. Paste the script in the console tab and press Enter key</li>
<li>4. Use the import button to import "styles.json" file</li>
import styles from Stylish extension
2017-01-11 11:55:38 +00:00
</ul>
</div>
<div>
<h2>Import Styles</h2>
#1 follow up
2017-01-13 08:53:17 +00:00
<input type="file">
import styles from Stylish extension
2017-01-11 11:55:38 +00:00
</div>
Add privacy policy link and reformat the links
2016-03-20 02:45:41 +00:00
<p id="manage-text" i18n-html="manageText"></p>
Unix line endings
2015-02-09 04:24:58 +00:00
</div>
<div id="installed"></div>
</body>
</html>
Reference in New Issue Copy Permalink