open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
df691b7a13
stylus/install-usercss.html

98 lines
3.8 KiB
HTML
Raw Normal View History

WIP: install page
2017-09-24 03:39:04 +00:00
<!DOCTYPE html>
Proper IDs like other pages
2017-11-26 01:53:21 +00:00
<html id="stylus" lang="en">
WIP: install page
2017-09-24 03:39:04 +00:00
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Loading...</title>
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<link href="global.css" rel="stylesheet">
<link href="install-usercss/install-usercss.css" rel="stylesheet">
<script src="js/messaging.js"></script>
<script src="js/prefs.js"></script>
<script src="js/dom.js"></script>
<script src="js/localization.js"></script>
autoLoadMode -> loadScript; chain to avoid flicker on load
2017-11-22 00:38:29 +00:00
<script src="js/script-loader.js"></script>
load storage-util in all pages prefs::doSyncSet uses it now, there'll be more in the future when we convert all direct chrome.storage calls
2018-01-19 12:14:09 +00:00
<script src="js/storage-util.js"></script>
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<script src="content/apply.js"></script>
<script src="vendor/node-semver/semver.js"></script>
<link href="msgbox/msgbox.css" rel="stylesheet">
<script src="msgbox/msgbox.js"></script>
WIP: install page
2017-09-24 03:39:04 +00:00
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<link href="vendor/codemirror/lib/codemirror.css" rel="stylesheet">
<script src="vendor/codemirror/lib/codemirror.js"></script>
<script src="vendor/codemirror/keymap/sublime.js"></script>
<script src="vendor/codemirror/keymap/emacs.js"></script>
<script src="vendor/codemirror/keymap/vim.js"></script>
Add: use messageBox in install page
2017-11-09 04:26:50 +00:00
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<script src="vendor/codemirror/mode/css/css.js"></script>
<script src="vendor/codemirror/addon/search/searchcursor.js"></script>
WIP: install page + editor
2017-09-24 08:54:21 +00:00
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<link href="vendor/codemirror/addon/fold/foldgutter.css" rel="stylesheet" />
<script src="vendor/codemirror/addon/fold/foldcode.js"></script>
<script src="vendor/codemirror/addon/fold/foldgutter.js"></script>
<script src="vendor/codemirror/addon/fold/brace-fold.js"></script>
add indent-fold.js for stylus preprocessor
2018-05-06 10:17:39 +00:00
<script src="vendor/codemirror/addon/fold/indent-fold.js"></script>
move helpers and defaults to the end when everything is ready
2017-11-23 09:54:00 +00:00
show color swatches on usercss installer page
2018-01-04 10:36:56 +00:00
<link href="vendor-overwrites/colorpicker/colorpicker.css" rel="stylesheet">
extract colorconverter.js
2018-01-07 08:20:55 +00:00
<script src="vendor-overwrites/colorpicker/colorconverter.js"></script>
show color swatches on usercss installer page
2018-01-04 10:36:56 +00:00
<script src="vendor-overwrites/colorpicker/colorview.js"></script>
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<script src="edit/codemirror-default.js"></script>
<link rel="stylesheet" href="edit/codemirror-default.css">
WIP: install page
2017-09-24 03:39:04 +00:00
</head>
Proper IDs like other pages
2017-11-26 01:53:21 +00:00
<body id="stylus-install-usercss">
WIP: install page
2017-09-24 03:39:04 +00:00
<div class="container">
<div class="header">
Change: move header to the top
2017-11-11 05:07:53 +00:00
<h1>
<span class="meta-name"></span>
<small class="meta-version"></small>
</h1>
WIP: install page
2017-09-24 03:39:04 +00:00
<div class="actions">
Install usercss (#269) install-usercss: restyle "Install style" button
2017-12-01 23:43:01 +00:00
<h2 class="installed" i18n-text="installButtonInstalled"></h2>
WIP: install page
2017-09-24 03:39:04 +00:00
<button class="install" i18n-text="installButton"></button>
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<p id="live-reload-install-hint" i18n-text="liveReloadInstallHint" class="hidden"></p>
WIP: install page
2017-09-24 03:39:04 +00:00
<label class="set-update-url">
<input type="checkbox">
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
WIP: install page + editor
2017-09-24 08:54:21 +00:00
<span></span>
recognize usercss @updateURL * installation URL is preferred - same behavior as before * @updateURL is used when the style was drag'n'dropped into the manage page because there's no real URL in this case * install-usercss page shows the new update URL, which is set as per the above, under the checkbox that enables updates
2017-12-06 19:35:19 +00:00
<p></p>
WIP: install page
2017-09-24 03:39:04 +00:00
</label>
Add: live-reload
2017-09-25 12:01:50 +00:00
<label class="live-reload">
<input type="checkbox">
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
Add: live-reload
2017-09-25 12:01:50 +00:00
<span i18n-text="liveReloadLabel"></span>
</label>
WIP: install page
2017-09-24 03:39:04 +00:00
</div>
<p class="meta-description"></p>
<div>
<h3 i18n-text="author"></h3>
<span class="meta-author"></span>
</div>
<div>
<h3 i18n-text="license"></h3>
<span class="meta-license"></span>
</div>
<h3 i18n-text="appliesLabel"></h3>
<ul class="applies-to">
</ul>
<div class="external-link"></div>
</div>
<div class="main">
rework install-usercss: CSS, layout, warnings
2017-11-22 10:19:27 +00:00
<div class="warnings"></div>
WIP: install page
2017-09-24 03:39:04 +00:00
</div>
</div>
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
allow live-reload without reinstalling
2018-01-04 10:36:27 +00:00
<script src="install-usercss/install-usercss.js"></script>
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
<svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;">
<symbol id="svg-icon-checked" viewBox="0 0 1000 1000">
<path fill-rule="evenodd" d="M983.2,184.3L853,69.8c-4-3.5-9.3-5.3-14.5-5c-5.3,0.4-10.3,2.8-13.8,6.8L352.3,609.2L184.4,386.9c-3.2-4.2-8-7-13.2-7.8c-5.3-0.8-10.6,0.6-14.9,3.9L18,487.5c-8.8,6.7-10.6,19.3-3.9,28.1L325,927.2c3.6,4.8,9.3,7.7,15.3,8c0.2,0,0.5,0,0.7,0c5.8,0,11.3-2.5,15.1-6.8L985,212.6C992.3,204.3,991.5,191.6,983.2,184.3z"/>
</symbol>
</svg>
WIP: install page
2017-09-24 03:39:04 +00:00
</body>
Fix: EOF
2017-11-08 23:36:20 +00:00
</html>
Reference in New Issue Copy Permalink