open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
3c1ee1cd9e
stylus/popup.html

346 lines
20 KiB
HTML
Raw Normal View History

simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<!DOCTYPE html>
Add <html id="stylus"> to all pages
2017-03-23 03:41:50 +00:00
<html id="stylus">
initial commit
2012-04-16 01:56:12 +00:00
Options UI discoverability and other fixes #34
2017-02-28 23:57:03 +00:00
<head>
fix #223 - Android compatibility
2017-11-25 13:24:07 +00:00
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
extract checkboxes to global.css, fixes
2017-12-04 16:14:04 +00:00
<link rel="stylesheet" href="global.css">
Move html templates to html file
2015-07-19 15:27:19 +00:00
improve CSS transition suppression on own pages in FF
2017-09-03 20:52:06 +00:00
<style id="firefox-transitions-bug-suppressor">
/* restrict to FF */
FF: fix transition-bug-suppressor condition
2017-12-02 16:38:03 +00:00
@supports (-moz-appearance:none) {
improve CSS transition suppression on own pages in FF
2017-09-03 20:52:06 +00:00
/* increased specificity to override sane selectors in user styles */
html#stylus.firefox #stylus-popup #actions * {
transition: none !important;
}
}
</style>
embed SVG to help buggy Chrome's GC Chrome doesn't garbage-collect (or even leaks) SVG <symbol> referenced via <use> so we'll embed the code directly on manage and popup pages where dozens/hundreds of svgs are displayed.
2017-04-08 17:45:45 +00:00
<!-- Notes:
* Chrome doesn't garbage-collect (or even leaks) SVG <symbol> referenced via <use> so we'll embed the code directly
* inter-tag whitespace in templates is automatically removed in localization.js
* i18n-anything attribute automatically creates "anything" attribute
-->
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<template data-id="style">
<div class="entry">
Another popup mockup (#271) * Another popup mockup This is a fraction of what I want to do with the popup, but these are improvements that can be made to the existing version without a complete overhaul. Should be no difference appearance-wise, only some simple enhancements to existing functionality in terms of click area and stylability. Eliminates ill-conceived `.left-gutter` altogether. Checkboxes and labels are now either parent/child or siblings, with no weird spaces between them, and their hovers can therefore be styled together. `entry` checkbox/label `.style-name` now occupies the entire height/width of the `.entry` to the left of the `.actions` icons, so no more errant clicks. * Another popup mockup * Delete popup.css * Another popup mockup * Custom checkboxes * Custom checkboxes * Subtlety >an animated checkbox needlessly draws attention to itself But... I feel the need. Drawing attention to the checkbox is intentional to indicate click action. >In case the entire row is highlighted there will be no distraction Clickable area isn't the entire row, it's everything left of action icons. Hovering background on part of the row will look odd, and it's also a less obvious indicator of click action IMO. Didn't change "disable all" yet. It's a special kinda function, so maybe slightly more drastic is warranted, but I can tone that down too.
2017-12-02 23:55:23 +00:00
<div class="main-controls">
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<a class="style-edit-link-accessibility directLinkUI-el" href="edit.html?id=" tabindex="0"></a>
Another popup mockup (#271) * Another popup mockup This is a fraction of what I want to do with the popup, but these are improvements that can be made to the existing version without a complete overhaul. Should be no difference appearance-wise, only some simple enhancements to existing functionality in terms of click area and stylability. Eliminates ill-conceived `.left-gutter` altogether. Checkboxes and labels are now either parent/child or siblings, with no weird spaces between them, and their hovers can therefore be styled together. `entry` checkbox/label `.style-name` now occupies the entire height/width of the `.entry` to the left of the `.actions` icons, so no more errant clicks. * Another popup mockup * Delete popup.css * Another popup mockup * Custom checkboxes * Custom checkboxes * Subtlety >an animated checkbox needlessly draws attention to itself But... I feel the need. Drawing attention to the checkbox is intentional to indicate click action. >In case the entire row is highlighted there will be no distraction Clickable area isn't the entire row, it's everything left of action icons. Hovering background on part of the row will look odd, and it's also a less obvious indicator of click action IMO. Didn't change "disable all" yet. It's a special kinda function, so maybe slightly more drastic is warranted, but I can tone that down too.
2017-12-02 23:55:23 +00:00
<label class="style-name">
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<input class="checker toggleUI-el" type="checkbox">
<svg class="svg-icon checked toggleUI-el"><use xlink:href="#svg-icon-checked"/></svg>
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
</label>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
Another popup mockup (#271) * Another popup mockup This is a fraction of what I want to do with the popup, but these are improvements that can be made to the existing version without a complete overhaul. Should be no difference appearance-wise, only some simple enhancements to existing functionality in terms of click area and stylability. Eliminates ill-conceived `.left-gutter` altogether. Checkboxes and labels are now either parent/child or siblings, with no weird spaces between them, and their hovers can therefore be styled together. `entry` checkbox/label `.style-name` now occupies the entire height/width of the `.entry` to the left of the `.actions` icons, so no more errant clicks. * Another popup mockup * Delete popup.css * Another popup mockup * Custom checkboxes * Custom checkboxes * Subtlety >an animated checkbox needlessly draws attention to itself But... I feel the need. Drawing attention to the checkbox is intentional to indicate click action. >In case the entire row is highlighted there will be no distraction Clickable area isn't the entire row, it's everything left of action icons. Hovering background on part of the row will look odd, and it's also a less obvious indicator of click action IMO. Didn't change "disable all" yet. It's a special kinda function, so maybe slightly more drastic is warranted, but I can tone that down too.
2017-12-02 23:55:23 +00:00
<div class="actions">
Vivaldi requires tabindex="0" for <a> with svg icon inside
2018-03-29 03:37:04 +00:00
<a href="#" class="configure" i18n-title="configureStyle" tabindex="0">
config dialog tweaks * same icon in manager (didn't change the editor config icons as those aren't for usercss) * "external" icon for USO styles to avoid confusion (opening a tab is an extremely different action) * smaller paddings in popup * removed hover effect on label text (necause native <select> elements cannot be expanded from js) * various fixups
2017-12-06 21:11:30 +00:00
<svg class="svg-icon config"><use xlink:href="#svg-icon-config"></use></svg>
Add config dialog to popup (#283)
2017-12-05 21:14:21 +00:00
</a>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<a href="#" class="enable directLinkUI-el" i18n-title="enableStyleLabel" tabindex="0">
<svg class="svg-icon toggled-off" viewbox="0 0 24 24">
<path d="M17,8H7c-2.21,0-4,1.79-4,4s1.79,4,4,4h10c2.21,0,4-1.79,4-4S19.21,8,17,8z M7,15c-1.66,0-3-1.34-3-3 c0-1.66,1.34-3,3-3s3,1.34,3,3C10,13.66,8.66,15,7,15z"/>
<path d="M17,6H7c-3.31,0-6,2.69-6,6s2.69,6,6,6h10c3.31,0,6-2.69,6-6S20.31,6,17,6z M17,16H7c-2.21,0-4-1.79-4-4s1.79-4,4-4h10 c2.21,0,4,1.79,4,4S19.21,16,17,16z"/>
<path d="M7,9c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3C10,10.34,8.66,9,7,9z"/>
</svg>
</a>
<a href="#" class="disable directLinkUI-el" i18n-title="disableStyleLabel" tabindex="0">
<svg class="svg-icon toggled-on" viewbox="0 0 24 24">
<path d="M17,8H7c-2.21,0-4,1.79-4,4s1.79,4,4,4h10c2.21,0,4-1.79,4-4S19.21,8,17,8z M17,15c-1.66,0-3-1.34-3-3 c0-1.66,1.34-3,3-3s3,1.34,3,3C20,13.66,18.66,15,17,15z"/>
<path d="M17,6H7c-3.31,0-6,2.69-6,6s2.69,6,6,6h10c3.31,0,6-2.69,6-6S20.31,6,17,6z M17,16H7c-2.21,0-4-1.79-4-4s1.79-4,4-4h10 c2.21,0,4,1.79,4,4S19.21,16,17,16z"/>
<path d="M17,9c-1.66,0-3,1.34-3,3c0,1.66,1.34,3,3,3s3-1.34,3-3C20,10.34,18.66,9,17,9z"/>
</svg>
</a>
<a class="style-edit-link toggleUI-el" href="edit.html?id=" i18n-title="editStyleLabel" tabindex="0">
Another popup mockup (#271) * Another popup mockup This is a fraction of what I want to do with the popup, but these are improvements that can be made to the existing version without a complete overhaul. Should be no difference appearance-wise, only some simple enhancements to existing functionality in terms of click area and stylability. Eliminates ill-conceived `.left-gutter` altogether. Checkboxes and labels are now either parent/child or siblings, with no weird spaces between them, and their hovers can therefore be styled together. `entry` checkbox/label `.style-name` now occupies the entire height/width of the `.entry` to the left of the `.actions` icons, so no more errant clicks. * Another popup mockup * Delete popup.css * Another popup mockup * Custom checkboxes * Custom checkboxes * Subtlety >an animated checkbox needlessly draws attention to itself But... I feel the need. Drawing attention to the checkbox is intentional to indicate click action. >In case the entire row is highlighted there will be no distraction Clickable area isn't the entire row, it's everything left of action icons. Hovering background on part of the row will look odd, and it's also a less obvious indicator of click action IMO. Didn't change "disable all" yet. It's a special kinda function, so maybe slightly more drastic is warranted, but I can tone that down too.
2017-12-02 23:55:23 +00:00
<svg class="svg-icon edit" viewBox="0 0 14 16">
<path fill-rule="evenodd" d="M0 12v3h3l8-8-3-3-8 8zm3 2H1v-2h1v1h1v1zm10.3-9.3L12 6 9 3l1.3-1.3a.996.996 0 0 1 1.41 0l1.59 1.59c.39.39.39 1.02 0 1.41z"/>
</svg>
</a>
Vivaldi requires tabindex="0" for <a> with svg icon inside
2018-03-29 03:37:04 +00:00
<a href="#" class="delete" i18n-title="deleteStyleLabel" tabindex="0">
Another popup mockup (#271) * Another popup mockup This is a fraction of what I want to do with the popup, but these are improvements that can be made to the existing version without a complete overhaul. Should be no difference appearance-wise, only some simple enhancements to existing functionality in terms of click area and stylability. Eliminates ill-conceived `.left-gutter` altogether. Checkboxes and labels are now either parent/child or siblings, with no weird spaces between them, and their hovers can therefore be styled together. `entry` checkbox/label `.style-name` now occupies the entire height/width of the `.entry` to the left of the `.actions` icons, so no more errant clicks. * Another popup mockup * Delete popup.css * Another popup mockup * Custom checkboxes * Custom checkboxes * Subtlety >an animated checkbox needlessly draws attention to itself But... I feel the need. Drawing attention to the checkbox is intentional to indicate click action. >In case the entire row is highlighted there will be no distraction Clickable area isn't the entire row, it's everything left of action icons. Hovering background on part of the row will look odd, and it's also a less obvious indicator of click action IMO. Didn't change "disable all" yet. It's a special kinda function, so maybe slightly more drastic is warranted, but I can tone that down too.
2017-12-02 23:55:23 +00:00
<svg class="svg-icon remove" viewBox="0 0 14 16">
<path fill-rule="evenodd" d="M11 2H9c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1H2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 12H3V5h1v8h1V5h1v8h1V5h1v8h1V5h1v9zm1-10H2V3h9v1z"/>
</svg>
</a>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
</div>
</template>
initial commit
2012-04-16 01:56:12 +00:00
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<template data-id="confirmHotkey">
<a id="popup-confirm-icon" class="action-wrapper iconUI-el" i18n-title="confirmOK">
<svg class="svg-icon thumbsup" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M13.991 13.991c-.05.69-1.269 1-1.998 1H5.666l-1.668-1V7.995c1.359 0 2.108-.75 3.128-1.879 1.229-1.359 1.139-2.558.879-4.127-.08-.5.5-1 1-1 .829 0 1.998 2.729 1.998 3.998l-.02 1.03c0 .689.33.969 1.02.969H14c.63 0 .98.36 1 .999l-1 5.996-.01.01zm0-7.995h-2.018l.02-.98C11.993 3.719 10.823 0 8.994 0c-.58 0-1.169.3-1.559.77-.36.41-.5.909-.42 1.409.25 1.479.28 2.278-.629 3.278-1 1.089-1.48 1.549-2.388 1.549h-2C.94 6.996 0 7.935 0 8.994v3.998c0 1.06.94 1.999 1.999 1.999h1.719l1.439.86c.16.089.33.139.52.139h6.325c1.13 0 2.839-.5 2.999-1.879l.979-5.946c.02-.08.02-.14.02-.2-.03-1.17-.84-1.969-1.999-1.969h-.01z"/>
</svg>
</a>
</template>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<template data-id="writeStyle">
<a class="write-style-link"></a>
</template>
Refactor and speed up popup & manager Popup: * Enforce 200-800px range for the popup width option Manage: * faster search via cachedStyles.byId * faster restoration of search results on history nav * style name is clickable and opens the editor * animated highlight of style element on update/add/save * expandable extra applies-to targets * remember scroll position on normal history navigation * boz-sizing in #header, also in editor * applies-to targets use structured markup * get*Tab*, enableStyle and deleteStyle are promisified
2017-03-21 01:32:38 +00:00
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<template data-id="noStyles">
re-add #no-styles when inline-search deletes the last one
2017-12-12 02:21:06 +00:00
<div id="no-styles" i18n-text="noStylesForSite"></div>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</template>
confirmDelete: extract, refactor, use in manage
2017-03-25 03:04:24 +00:00
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<template data-id="regexpProblemIndicator">
<div class="regexp-problem-indicator" i18n-title="styleRegexpProblemTooltip"></div>
</template>
Remove code:false mode; show sloppy regexps in popup * Now that our own pages retrieve the styles directly via getStylesSafe the only 0.001% of cases where code:false would be needed (the browser is starting up with some of the tabs showing our built-in pages like editor or manage) is not worth optimizing for. * According to CSS4 @document specification the entire URL must match. Stylish-for-Chrome implemented it incorrectly since the very beginning. We detect styles that abuse the bug by finding the sections that would have been applied by Stylish but not by us as we follow the spec. Additionally we'll check for invalid regexps.
2017-03-30 23:18:41 +00:00
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<template data-id="regexpProblemExplanation">
<div id="regexp-explanation">
<div id="regexp-partial" i18n-html="styleRegexpPartialExplanation"></div>
<div id="regexp-invalid" i18n-text="styleRegexpInvalidExplanation"></div>
<button i18n-text="confirmOK"></button>
</div>
</template>
Remove code:false mode; show sloppy regexps in popup * Now that our own pages retrieve the styles directly via getStylesSafe the only 0.001% of cases where code:false would be needed (the browser is starting up with some of the tabs showing our built-in pages like editor or manage) is not worth optimizing for. * According to CSS4 @document specification the entire URL must match. Stylish-for-Chrome implemented it incorrectly since the very beginning. We detect styles that abuse the bug by finding the sections that would have been applied by Stylish but not by us as we follow the spec. Additionally we'll check for invalid regexps.
2017-03-30 23:18:41 +00:00
abandon automatic translation in CSS * it fails with some languages in some versions of FF * it's not as flexible as HTML templates * we were only using it for a few messages
2017-08-27 09:56:09 +00:00
<template data-id="unavailableInfo">
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div class="blocked-info truegray-alpha-1">
abandon automatic translation in CSS * it fails with some languages in some versions of FF * it's not as flexible as HTML templates * we were only using it for a few messages
2017-08-27 09:56:09 +00:00
<label i18n-text="stylusUnavailableForURL"></label>
<p i18n-text="stylusUnavailableForURLdetails"></p>
</div>
</template>
<template data-id="unreachableInfo">
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div class="blocked-info truegray-alpha-1">
abandon automatic translation in CSS * it fails with some languages in some versions of FF * it's not as flexible as HTML templates * we were only using it for a few messages
2017-08-27 09:56:09 +00:00
<label i18n-text="unreachableContentScript"></label>
<p i18n-text="unreachableFileHint"></p>
</div>
</template>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
<template data-id="searchResult">
<div class="search-result">
use a thin underline under big bold titles in inline search
2017-12-10 09:00:40 +00:00
<a class="search-result-title"><span></span></a>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
<div class="search-result-info">
redesign inline search cards
2017-12-11 04:35:23 +00:00
<img class="search-result-screenshot" i18n-title="installButton">
show "click to uninstall" overlay, hide install/delete buttons
2017-12-19 02:30:40 +00:00
<div class="search-result-status"></div>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<div class="search-result-actions">
<button class="search-result-install hidden" i18n-text="installButton"></button>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
<button class="search-result-uninstall hidden" i18n-text="deleteStyleLabel"></button>
<button class="search-result-customize hidden"
reuse "configure" message and simplified tooltip we'll implement a built-in config dialog for USO styles in the future
2017-12-09 21:05:31 +00:00
i18n-text="configureStyle"
i18n-title="configureStyleOnHomepage"></button>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
</div>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<dl class="search-result-meta">
<div data-type="author">
<dt i18n-text="author"></dt>
<dd><a target="_blank" i18n-title="author"></a></dd>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
</div>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<div data-type="rating">
<dt i18n-text="searchResultRating"></dt>
<dd i18n-title="searchResultRating"></dd>
basic tweaks/fixes for inline search
2017-12-10 01:03:04 +00:00
</div>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<div data-type="updated">
<dt i18n-text="searchResultUpdated"></dt>
<dd i18n-title="searchResultUpdated"><time></time></dd>
</div>
<div data-type="weekly">
<dt i18n-text="searchResultWeeklyCount"></dt>
<dd i18n-title="searchResultWeeklyCount"></dd>
</div>
<div data-type="total">
<dt i18n-text="searchResultInstallCount"></dt>
<dd i18n-title="searchResultInstallCount"></dd>
</div>
</dl>
<div class="search-result-description"></div>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
</div>
</div>
</template>
intermediate tweaks and fixes for inline search * caching of search results and downloaded style info for one day * no prefetching of styles * only the next search results page is prefetched in unattended fashion * the "configure" button is shown only after installation * join the code in one closure, regroup and simplify some functions
2017-12-11 02:20:59 +00:00
<template data-id="searchNav">
<div>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<button data-type="prev" i18n-title="paginationPrevious" disabled>◄</button>
intermediate tweaks and fixes for inline search * caching of search results and downloaded style info for one day * no prefetching of styles * only the next search results page is prefetched in unattended fashion * the "configure" button is shown only after installation * join the code in one closure, regroup and simplify some functions
2017-12-11 02:20:59 +00:00
<label>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<span data-type="page" i18n-title="paginationCurrent">-</span>
intermediate tweaks and fixes for inline search * caching of search results and downloaded style info for one day * no prefetching of styles * only the next search results page is prefetched in unattended fashion * the "configure" button is shown only after installation * join the code in one closure, regroup and simplify some functions
2017-12-11 02:20:59 +00:00
/
"Estimated number of total pages" in the tooltip
2017-12-13 06:34:51 +00:00
<span data-type="total" i18n-title="paginationEstimated">-</span>
intermediate tweaks and fixes for inline search * caching of search results and downloaded style info for one day * no prefetching of styles * only the next search results page is prefetched in unattended fashion * the "configure" button is shown only after installation * join the code in one closure, regroup and simplify some functions
2017-12-11 02:20:59 +00:00
</label>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<button data-type="next" i18n-title="paginationNext" disabled>►</button>
intermediate tweaks and fixes for inline search * caching of search results and downloaded style info for one day * no prefetching of styles * only the next search results page is prefetched in unattended fashion * the "configure" button is shown only after installation * join the code in one closure, regroup and simplify some functions
2017-12-11 02:20:59 +00:00
</div>
</template>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
<template data-id="emptySearchResult">
<div class="search-result-empty"></div>
</template>
Add config dialog to popup (#283)
2017-12-05 21:14:21 +00:00
<link rel="stylesheet" href="vendor-overwrites/colorpicker/colorpicker.css">
extract colorconverter.js
2018-01-07 08:20:55 +00:00
<script src="vendor-overwrites/colorpicker/colorconverter.js"></script>
Add config dialog to popup (#283)
2017-12-05 21:14:21 +00:00
<script src="vendor-overwrites/colorpicker/colorpicker.js"></script>
<link rel="stylesheet" href="msgbox/msgbox.css">
<script src="msgbox/msgbox.js"></script>
<link rel="stylesheet" href="options/onoffswitch.css">
<link rel="stylesheet" href="manage/config-dialog.css">
<script src="manage/config-dialog.js"></script>
Fix links & split out edit.css
2017-07-12 18:52:44 +00:00
<script src="js/dom.js"></script>
Move messaging.js file & references
2017-07-14 00:52:40 +00:00
<script src="js/messaging.js"></script>
Fix links & split out edit.css
2017-07-12 18:52:44 +00:00
<script src="js/localization.js"></script>
<script src="js/prefs.js"></script>
<script src="content/apply.js"></script>
Add config dialog to popup (#283)
2017-12-05 21:14:21 +00:00
<link rel="stylesheet" href="popup/popup.css">
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
<link rel="stylesheet" href="popup/search-results.css">
Fix links & split out edit.css
2017-07-12 18:52:44 +00:00
<script src="popup/popup.js"></script>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
<script src="popup/search-results.js"></script>
popup: show style numbers, add more hotkeys numpad 0-9 same as 0-9 numpad + enables all listed numpad - disables all listed numpad * and ` (backtick) - toggles initially enabled styles; doesn't apply to subsequently enabled styles while the popup is open so you can restore the initial selection after testing stuff: simply disable all, then toggle i.e. numpad -, numpad *
2017-11-28 22:46:42 +00:00
<script src="popup/hotkeys.js"></script>
FF: support private/container tabs
2018-01-01 17:02:49 +00:00
<script src="js/script-loader.js" async></script>
<script src="js/storage-util.js" async></script>
Options UI discoverability and other fixes #34
2017-02-28 23:57:03 +00:00
</head>
initial commit
2012-04-16 01:56:12 +00:00
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<body id="stylus-popup" class="truegray-alpha-15">
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<div id="confirm">
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div class="main-bg">
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<b>Style's Name</b>
<span i18n-text="deleteStyleConfirm"></span>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div class="iconUI-el">
<a id="popup-delete-icon" href="#" class="action-wrapper" i18n-title="confirmDelete" data-cmd="ok" tabindex="0">
<svg class="svg-icon remove" viewBox="0 0 14 16">
<path fill-rule="evenodd" d="M11 2H9c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1H2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 12H3V5h1v8h1V5h1v8h1V5h1v8h1V5h1v9zm1-10H2V3h9v1z"/>
</svg>
</a>
<a id="popup-cancel-icon" href="#" class="action-wrapper iconUI-el" i18n-title="confirmCancel" data-cmd="cancel" tabindex="0">
<svg class="svg-icon cancel" viewBox="0 0 14 16">
<path fill-rule="evenodd" d="M7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm0 1.3c1.3 0 2.5.44 3.47 1.17l-8 8A5.755 5.755 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zm0 11.41c-1.3 0-2.5-.44-3.47-1.17l8-8c.73.97 1.17 2.17 1.17 3.47 0 3.14-2.56 5.7-5.7 5.7z"/>
</svg>
</a>
</div>
<div class="classicUI-el">
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<button i18n-text="confirmDelete" data-cmd="ok"></button>
<button i18n-text="confirmCancel" data-cmd="cancel"></button>
</div>
new fix for https://github.com/schomery/stylish-chrome/issues/43#issuecomment-286154032
2017-03-13 19:26:43 +00:00
</div>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
Popup overflow (#302)
2017-12-12 14:04:58 +00:00
<div id="installed">
<aside id="hotkey-info" i18n-title="popupHotkeysTooltip"></aside>
</div>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div id="popup-manage-wrapper" class="action-wrapper truegray-alpha-1">
<button id="popup-manage-button" class="classicUI-el" i18n-text="openManage" data-href="manage.html" i18n-title="popupManageTooltip"></button>
<a id="popup-manage-icon" href="#" class="iconUI-el" data-href="manage.html" i18n-title="popupManageTooltip" tabindex="0">
<svg class="svg-icon manager" viewBox="0 0 24 24" stroke="#666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="4" y1="21" x2="4" y2="14"/><line x1="4" y1="10" x2="4" y2="3"/><line x1="12" y1="21" x2="12" y2="12"/><line x1="12" y1="8" x2="12" y2="3"/><line x1="20" y1="21" x2="20" y2="16"/><line x1="20" y1="12" x2="20" y2="3"/><line x1="1" y1="14" x2="7" y2="14"/><line x1="9" y1="8" x2="15" y2="8"/><line x1="17" y1="16" x2="23" y2="16"/>
</svg>
</a>
</div>
<div id="popup-options-wrapper" class="action-wrapper truegray-alpha-1">
<button id="popup-options-button" class="classicUI-el" i18n-text="openOptionsPopup"></button>
<a id="popup-options-icon" href="#" class="iconUI-el" i18n-title="openOptionsPopup" tabindex="0">
<svg class="svg-icon options" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8,0C7.6,0,7.3,0,6.9,0.1v2.2C6.1,2.5,5.4,2.8,4.8,3.2L3.2,1.6c-0.6,0.4-1.1,1-1.6,1.6l1.6,1.6C2.8,5.4,2.5,6.1,2.3,6.9H0.1C0,7.3,0,7.6,0,8c0,0.4,0,0.7,0.1,1.1h2.2c0.1,0.8,0.4,1.5,0.9,2.1l-1.6,1.6c0.4,0.6,1,1.1,1.6,1.6l1.6-1.6c0.6,0.4,1.4,0.7,2.1,0.9v2.2C7.3,16,7.6,16,8,16c0.4,0,0.7,0,1.1-0.1v-2.2c0.8-0.1,1.5-0.4,2.1-0.9l1.6,1.6c0.6-0.4,1.1-1,1.6-1.6l-1.6-1.6c0.4-0.6,0.7-1.4,0.9-2.1h2.2C16,8.7,16,8.4,16,8c0-0.4,0-0.7-0.1-1.1h-2.2c-0.1-0.8-0.4-1.5-0.9-2.1l1.6-1.6c-0.4-0.6-1-1.1-1.6-1.6l-1.6,1.6c-0.6-0.4-1.4-0.7-2.1-0.9V0.1C8.7,0,8.4,0,8,0z M8,4.3c2.1,0,3.7,1.7,3.7,3.7c0,0,0,0,0,0c0,2.1-1.7,3.7-3.7,3.7c0,0,0,0,0,0c-2.1,0-3.7-1.7-3.7-3.7c0,0,0,0,0,0C4.3,5.9,5.9,4.3,8,4.3C8,4.3,8,4.3,8,4.3z"/>
</svg>
</a>
</div>
<div id="find-styles-wrapper" class="action-wrapper truegray-alpha-1">
<div id="find-styles">
<a id="find-styles-link" class="classicUI-el" i18n-text="findStyles" i18n-title="findStylesForSite" tabindex="0"></a>
<a id="find-styles-icon" href="#" class="iconUI-el" i18n-title="findStylesForSite" tabindex="0">
<svg class="svg-icon search" viewBox="0 0 24 24">
<path d="M18,13v7H4V6h5.02C9.07,5.29,9.24,4.62,9.5,4H2v18h18v-7L18,13z M16.5,18h-11l2.75-3.53l1.96,2.36l2.75-3.54L16.5,18z M19.3,8.89C19.74,8.19,20,7.38,20,6.5C20,4.01,17.99,2,15.5,2S11,4.01,11,6.5s2.01,4.5,4.49,4.5c0.88,0,1.7-0.26,2.39-0.7 L21,13.42L22.42,12L19.3,8.89z M15.5,9C14.12,9,13,7.88,13,6.5S14.12,4,15.5,4S18,5.12,18,6.5S16.88,9,15.5,9z"/>
</svg>
</a>
<span id="find-styles-inline-group">
<label i18n-title="findStylesInlineTooltip">
<input id="popup.findStylesInline" class="checker toggle-inline classicUI-el" type="checkbox">
<svg class="svg-icon checked classicUI-el"><use xlink:href="#svg-icon-checked"/></svg>
<span class="classicUI-el" i18n-text="findStylesInline"></span>
<a id="find-inline-icon" href="#" class="iconUI-el" tabindex="0">
<svg viewBox="0 0 20 20" class="svg-icon inline">
<path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M 17,9 H 11 V 3 l 2,2 4,-4 2,2 -4,4 z"/>
</svg>
</a>
<a id="find-external-icon" href="#" class="iconUI-el" i18n-title="findStylesExternalTooltip" tabindex="0">
<svg class="svg-icon external" viewBox="0 0 20 20">
<path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
</svg>
</a>
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
</label>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div id="find-external-icon-noclick" class="iconUI-el" i18n-title="findStylesExternalTooltip">
<svg class="svg-icon external noclick" viewBox="0 0 20 20">
<path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
</svg>
</div>
</span>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
</div>
<div id="popup-wiki-wrapper" class="action-wrapper truegray-alpha-1">
<button id="popup-wiki-button" class="classicUI-el" i18n-text="linkStylusWiki" i18n-title="linkGetHelp" data-href="https://github.com/openstyles/stylus/wiki"></button>
<a id="popup-wiki-icon" class="iconUI-el" href="#" i18n-title="linkGetHelp" data-href="https://github.com/openstyles/stylus/wiki" tabindex="0">
<svg class="svg-icon wiki" viewBox="0 0 24 24">
Tweaks
2018-10-13 22:07:52 +00:00
<g fill-rule="evenodd" clip-rule="evenodd">
<path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"/>
<path d="M11.8 6.7a3.4 3.4 0 0 0-3.3 2.2l1.5.8s.3-.8.9-1.2c.5-.4 1.6-.6 2.2.1.7 1-.2 1.6-1.1 2.7-1 1.2-1 3.7-1 3.7h2s.1-2.3 1-3.4c.6-.7 1.5-1.3 1.5-2.5s-1.2-2.4-3.7-2.4zM11 16h2v2h-2z"/>
</g>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
</svg>
</a>
</div>
<div id="disable-all-wrapper" class="action-wrapper truegray-alpha-1">
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
<div class="main-controls">
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<label id="disableAll-label" class="classicUI-el" i18n-text="disableAllStyles">
<input id="disableAll" type="checkbox">
<svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
</label>
</div>
<a id="disable-all-icon" class="iconUI-el" href="#" tabindex="0">
<div i18n-title="disableAllStyles">
<svg class="svg-icon toggle-all-off" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z"/>
</svg>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div i18n-title="reEnableAllStyles">
<svg class="svg-icon toggle-all-on" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z"/>
<path d="M13 3h-2v10h2V3zm4.83 2.17l-1.42 1.42C17.99 7.86 19 9.81 19 12c0 3.87-3.13 7-7 7s-7-3.13-7-7c0-2.19 1.01-4.14 2.58-5.42L6.17 5.17C4.23 6.82 3 9.26 3 12c0 4.97 4.03 9 9 9s9-4.03 9-9c0-2.74-1.23-5.18-3.17-6.83z"/>
</svg>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
</a>
</div>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div id="write-style-wrapper" class="truegray-alpha-1">
<div id="write-style">
<span id="write-style-for" i18n-text="writeStyleFor">
<div id="popup-write-style-icon" i18n-title="writeStyleForInfo">
<svg class="svg-icon write-style iconUI-el" viewBox="0 0 1024 1024">
<path d="M 920,920 H 104 V 104 l 344,0 V 0 H 0 V 1024 H 1024 V 576 H 920 Z"/>
<path d="M1088 448M256 593.152 256 768l179.712 0L1024 182.784l-180.352-179.456L256 593.152zM843.008 276.352l-407.296 407.296L345.152 593.152l407.296-407.296L843.008 276.352zM933.504 185.856l-45.248 45.248-90.496-90.496 45.248-45.248L933.504 185.856z"/>
</svg>
</div>
</span>
Options UI discoverability and other fixes #34
2017-02-28 23:57:03 +00:00
</div>
basic tweaks/fixes for inline search
2017-12-10 01:03:04 +00:00
</div>
Show styles from userstyles.org in Stylus popup (#251)
2017-12-09 21:03:17 +00:00
show 'Style installed' in search result after inline install
2017-12-11 19:26:33 +00:00
<div id="search-results-error" class="hidden"></div>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<div id="search-results" class="hidden truegray-alpha-1">
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<div class="search-results-nav" data-type="top"></div>
basic tweaks/fixes for inline search
2017-12-10 01:03:04 +00:00
<div id="search-results-list"></div>
simplify inline search DOM structure
2017-12-11 10:03:03 +00:00
<div class="search-results-nav" data-type="bottom"></div>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</div>
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>
config dialog tweaks * same icon in manager (didn't change the editor config icons as those aren't for usercss) * "external" icon for USO styles to avoid confusion (opening a tab is an extremely different action) * smaller paddings in popup * removed hover effect on label text (necause native <select> elements cannot be expanded from js) * various fixups
2017-12-06 21:11:30 +00:00
<symbol id="svg-icon-select-arrow" viewBox="0 0 1792 1792">
<path fill-rule="evenodd" d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/>
</symbol>
<symbol id="svg-icon-config" viewBox="0 0 14 14">
<path d="M6.2,0C5.8,0,5.4,0.4,5.4,0.8v0.7C5,1.7,4.6,1.8,4.3,2L3.8,1.5C3.6,1.4,3.4,1.3,3.2,1.3S2.7,1.4,2.6,1.5L1.5,2.6c-0.3,0.3-0.3,0.9,0,1.2L2,4.3C1.8,4.6,1.7,5,1.5,5.4H0.8C0.4,5.4,0,5.8,0,6.2v1.5c0,0.5,0.4,0.8,0.8,0.8h0.7C1.7,9,1.8,9.4,2,9.7l-0.5,0.5c-0.3,0.3-0.3,0.8,0,1.2l1.1,1.1c0.3,0.3,0.9,0.3,1.2,0L4.3,12c0.4,0.2,0.8,0.4,1.2,0.5v0.7c0,0.5,0.4,0.8,0.8,0.8h1.5c0.5,0,0.8-0.4,0.8-0.8v-0.7C9,12.3,9.4,12.2,9.7,12l0.5,0.5c0.3,0.3,0.9,0.3,1.2,0l1.1-1.1c0.3-0.3,0.3-0.8,0-1.2L12,9.7c0.2-0.4,0.4-0.8,0.5-1.2h0.7c0.5,0,0.8-0.4,0.8-0.8V6.2c0-0.5-0.4-0.8-0.8-0.8h-0.7C12.3,5,12.2,4.6,12,4.3l0.5-0.5c0.3-0.3,0.3-0.9,0-1.2l-1.1-1.1c-0.2-0.2-0.4-0.2-0.6-0.2s-0.4,0.1-0.6,0.2L9.7,2C9.4,1.8,9,1.7,8.6,1.5V0.8C8.6,0.4,8.2,0,7.8,0L6.2,0z M6.8,0.8h0.4c0.2,0,0.4,0.2,0.4,0.4v1.2c0.8,0.1,1.6,0.4,2.3,0.9l0.8-0.8c0.2-0.2,0.4-0.2,0.6,0l0.3,0.3c0.2,0.2,0.2,0.4,0,0.6l-0.8,0.8c0.5,0.7,0.8,1.4,0.9,2.3h1.2c0.2,0,0.4,0.2,0.4,0.4v0.4c0,0.2-0.2,0.4-0.4,0.4h-1.2c-0.1,0.8-0.4,1.6-0.9,2.3l0.8,0.8c0.2,0.2,0.2,0.4,0,0.6l-0.3,0.3c-0.2,0.2-0.4,0.2-0.6,0l-0.8-0.8c-0.7,0.5-1.4,0.8-2.3,0.9v1.2c0,0.2-0.2,0.4-0.4,0.4H6.8c-0.2,0-0.4-0.2-0.4-0.4v-1.2c-0.8-0.1-1.6-0.4-2.3-0.9l-0.8,0.8c-0.2,0.2-0.4,0.2-0.6,0l-0.3-0.3c-0.2-0.2-0.2-0.4,0-0.6l0.8-0.8C2.8,9.2,2.5,8.4,2.4,7.6H1.2C1,7.6,0.8,7.4,0.8,7.2V6.8c0-0.2,0.2-0.4,0.4-0.4h1.2c0.1-0.8,0.4-1.6,0.9-2.3L2.5,3.3c-0.2-0.2-0.2-0.4,0-0.6l0.3-0.3c0.2-0.2,0.4-0.2,0.6,0l0.8,0.8c0.7-0.5,1.4-0.8,2.3-0.9V1.2C6.4,1,6.6,0.8,6.8,0.8L6.8,0.8z M7,3.6C5.1,3.6,3.6,5.1,3.6,7c0,0,0,0,0,0c0,1.9,1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4C10.4,5.1,8.9,3.6,7,3.6C7,3.6,7,3.6,7,3.6z M7,4.8c1.2,0,2.2,1,2.2,2.2c0,1.2-1,2.2-2.2,2.2c-1.2,0-2.2-1-2.2-2.2C4.8,5.8,5.8,4.8,7,4.8z"/>
</symbol>
One UI PR to rule them all Gonna take a while to figure out all the other edited files.
2018-10-12 20:21:41 +00:00
<symbol id="svg-icon-config-uso" viewBox="0 0 20 20">
<path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
config dialog tweaks * same icon in manager (didn't change the editor config icons as those aren't for usercss) * "external" icon for USO styles to avoid confusion (opening a tab is an extremely different action) * smaller paddings in popup * removed hover effect on label text (necause native <select> elements cannot be expanded from js) * various fixups
2017-12-06 21:11:30 +00:00
</symbol>
basic tweaks/fixes for inline search
2017-12-10 01:03:04 +00:00
<symbol id="svg-icon-help" viewBox="0 0 14 16">
<title i18n-text="helpAlt"></title>
<path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path>
</symbol>
Custom checkbox and select elements
2017-12-03 23:40:22 +00:00
</svg>
polish popup/manage/edit css/svg/etc. * restore the correct width of svg icons * popup: use the standard formatting & SVG <symbol> * popup .breadcrumbs hover highlight * manage: black links, transitions; use <p> in #options; trim .homepage * edit: move regexp tester info link to a template
2017-04-01 04:37:25 +00:00
</body>
a few changes in the popup look based on #38
2017-03-06 13:54:56 +00:00
</html>
Reference in New Issue Copy Permalink