Add files via upload
* add reload/stop animation * add pin to overflow menu animation * sidebar icon adapts to the position and status of sidebar
This commit is contained in:
bmFtZQ
GitHub
parent
7a037aee4f
commit
da8ad23244
6 changed files with 66 additions and 11 deletions
|
|
@ -1,5 +1,12 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||||
|
<style>
|
||||||
|
#flip:target {
|
||||||
|
transform: scaleX(-1);
|
||||||
|
transform-origin: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
<path
|
<path
|
||||||
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||||
d="M 7.4765625,0.50024219 C 7.3521298,0.50624502 7.2344198,0.5584832 7.1464844,0.64672657 L 0.14648438,7.1464844 c -0.19518416,0.1952649 -0.19518416,0.5117663 0,0.7070312 L 7.1464844,14.353516 c 0.1952535,0.195212 0.5117777,0.195212 0.7070312,0 0.1952123,-0.195254 0.1952123,-0.511778 0,-0.707032 L 1.7070312,8 H 15.5 C 15.776142,8 16,7.7761424 16,7.5 16,7.2238576 15.776142,7 15.5,7 H 1.7070312 L 7.8535156,1.3537578 c 0.1952118,-0.1952535 0.1952118,-0.51177773 0,-0.70703123 C 7.7540987,0.54699465 7.6172351,0.49380931 7.4765625,0.50024219 Z" />
|
d="M 7.4765625,0.50024219 C 7.3521298,0.50624502 7.2344198,0.5584832 7.1464844,0.64672657 L 0.14648438,7.1464844 c -0.19518416,0.1952649 -0.19518416,0.5117663 0,0.7070312 L 7.1464844,14.353516 c 0.1952535,0.195212 0.5117777,0.195212 0.7070312,0 0.1952123,-0.195254 0.1952123,-0.511778 0,-0.707032 L 1.7070312,8 H 15.5 C 15.776142,8 16,7.7761424 16,7.5 16,7.2238576 15.776142,7 15.5,7 H 1.7070312 L 7.8535156,1.3537578 c 0.1952118,-0.1952535 0.1952118,-0.51177773 0,-0.70703123 C 7.7540987,0.54699465 7.6172351,0.49380931 7.4765625,0.50024219 Z"
|
||||||
|
id="flip" />
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 714 B After Width: | Height: | Size: 846 B |
3
chrome/icons/chevron-animation.svg
Normal file
3
chrome/icons/chevron-animation.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 26 KiB |
|
|
@ -5,15 +5,20 @@
|
||||||
fill: currentColor;
|
fill: currentColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbarbutton-1:-moz-any(#back-button, #forward-button),
|
.toolbarbutton-1#back-button,
|
||||||
#context-back,
|
#context-back,
|
||||||
#context-forward,
|
|
||||||
.subviewbutton-back,
|
.subviewbutton-back,
|
||||||
.identity-popup-expander
|
.identity-popup-expander
|
||||||
{
|
{
|
||||||
list-style-image: url(arrow-back.svg) !important;
|
list-style-image: url(arrow-back.svg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.toolbarbutton-1#forward-button,
|
||||||
|
#context-forward
|
||||||
|
{
|
||||||
|
list-style-image: url(arrow-back.svg#flip) !important;
|
||||||
|
}
|
||||||
|
|
||||||
#PanelUI-menu-button
|
#PanelUI-menu-button
|
||||||
{
|
{
|
||||||
list-style-image: url(menu.svg) !important;
|
list-style-image: url(menu.svg) !important;
|
||||||
|
|
@ -24,9 +29,14 @@
|
||||||
{
|
{
|
||||||
list-style-image: url(refresh.svg) !important;
|
list-style-image: url(refresh.svg) !important;
|
||||||
}
|
}
|
||||||
:-moz-any(#reload-button, #stop-button):not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
|
||||||
animation-timing-function: steps(0) !important;
|
#reload-button > .toolbarbutton-animatable-box, #stop-button > .toolbarbutton-animatable-box,
|
||||||
animation-duration: 0ms !important;
|
#nav-bar-overflow-button > .toolbarbutton-animatable-box {
|
||||||
|
margin-inline-start: calc((16px + 2 * 12px - 18px) / 2) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#stop-reload-button[animate] > #reload-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
||||||
|
background-image: url(reload-to-stop.svg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#stop-button,
|
#stop-button,
|
||||||
|
|
@ -35,10 +45,12 @@
|
||||||
list-style-image: url(stop.svg) !important;
|
list-style-image: url(stop.svg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbarbutton-1#forward-button,
|
#stop-reload-button[animate] > #reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
||||||
#context-forward
|
background-image: url(stop-to-reload.svg) !important;
|
||||||
{
|
}
|
||||||
transform: scaleX(-1) !important;
|
|
||||||
|
#nav-bar-overflow-button[animate] > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
|
||||||
|
background-image: url(chevron-animation.svg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#home-button
|
#home-button
|
||||||
|
|
@ -147,6 +159,14 @@
|
||||||
list-style-image: url(sidebar.svg) !important;
|
list-style-image: url(sidebar.svg) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#sidebar-button[positionend] {
|
||||||
|
transform: scaleX(-1) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar-button[checked] {
|
||||||
|
list-style-image: url(sidebar-fill.svg) !important;
|
||||||
|
}
|
||||||
|
|
||||||
#nav-bar-overflow-button, #alltabs-button {
|
#nav-bar-overflow-button, #alltabs-button {
|
||||||
list-style-image: url(overflow.svg) !important;
|
list-style-image: url(overflow.svg) !important;
|
||||||
}
|
}
|
||||||
|
|
@ -441,4 +461,4 @@ richlistitem[originaltype="loginsFooter"] .ac-site-icon,
|
||||||
.urlbarView-favicon[src*="search-glass.svg"]
|
.urlbarView-favicon[src*="search-glass.svg"]
|
||||||
{
|
{
|
||||||
background-image: url(search.svg) !important;
|
background-image: url(search.svg) !important;
|
||||||
}
|
}
|
||||||
11
chrome/icons/reload-to-stop.svg
Normal file
11
chrome/icons/reload-to-stop.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<svg fill="context-fill" fill-opacity="context-fill-opacity" viewBox="0 0 468 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M465.5 2a.5.5 0 0 0-.5.5v2.234a8.006 8.006 0 0 0-6.219-2.732 8.005 8.005 0 0 0-7.508 10.068 8.006 8.006 0 0 0 8.772 5.862A8.005 8.005 0 0 0 467 10a.5.5 0 0 0-1 0c0 3.517-2.6 6.48-6.086 6.94s-6.765-1.73-7.676-5.127a6.994 6.994 0 0 1 4.082-8.28A6.995 6.995 0 0 1 464.744 6H461.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5zM3.48 4a.5.5 0 0 0-.33.854L8.296 10 3.15 15.147a.5.5 0 0 0 .707.707l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707-.707L9.71 10l5.147-5.146a.5.5 0 0 0-.707-.708L9.003 9.293 3.857 4.146A.5.5 0 0 0 3.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L26.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L27.71 10l5.147-5.146a.5.5 0 0 0 0-.708A.5.5 0 0 0 32.48 4a.5.5 0 0 0-.33.146l-5.147 5.147-5.146-5.147A.5.5 0 0 0 21.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L44.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L45.71 10l5.147-5.146a.5.5 0 0 0 0-.708A.5.5 0 0 0 50.48 4a.5.5 0 0 0-.33.146l-5.147 5.147-5.146-5.147A.5.5 0 0 0 39.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L62.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L63.71 10l5.147-5.146a.5.5 0 0 0 0-.708A.5.5 0 0 0 68.48 4a.5.5 0 0 0-.33.146l-5.147 5.147-5.146-5.147A.5.5 0 0 0 57.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L80.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L81.71 10l4.803-4.803a.5.5 0 0 0 0-.707.5.5 0 0 0-.377-.146.5.5 0 0 0-.33.146l-4.803 4.803-5.146-5.147A.5.5 0 0 0 75.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L98.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L99.71 10l4.334-4.334a.5.5 0 0 0 0-.707.5.5 0 0 0-.376-.146.5.5 0 0 0-.33.146l-4.335 4.334-5.146-5.147A.5.5 0 0 0 93.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L116.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L117.711 10l3.615-3.615a.5.5 0 0 0 0-.707.5.5 0 0 0-.377-.147.5.5 0 0 0-.33.147l-3.616 3.615-5.146-5.147A.5.5 0 0 0 111.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L134.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L135.711 10l2.552-2.553a.5.5 0 0 0 0-.707.5.5 0 0 0-.377-.146.5.5 0 0 0-.33.146l-2.553 2.553-5.146-5.147A.5.5 0 0 0 129.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L152.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707L153.711 10l1.021-1.021a.5.5 0 0 0 0-.708.5.5 0 0 0-.377-.146.5.5 0 0 0-.33.146l-1.022 1.022-5.146-5.147A.5.5 0 0 0 147.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708L170.296 10l-5.146 5.147a.5.5 0 0 0 0 .707.5.5 0 0 0 .707 0l5.146-5.147 5.147 5.147a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-11-11A.5.5 0 0 0 165.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l10.78 10.78a.5.5 0 0 0 .708 0 .5.5 0 0 0 0-.707l-10.781-10.78A.5.5 0 0 0 183.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l10.344 10.344a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.708L201.857 4.146A.5.5 0 0 0 201.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l9.437 9.437a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-9.437-9.438A.5.5 0 0 0 219.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l8.344 8.343a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-8.344-8.343A.5.5 0 0 0 237.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l6.625 6.625a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.708l-6.625-6.625A.5.5 0 0 0 255.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.708l-4-4A.5.5 0 0 0 273.48 4zm18 0a.5.5 0 0 0-.33.146.5.5 0 0 0 0 .708l.453.453a.5.5 0 0 0 .707 0 .5.5 0 0 0 0-.707l-.453-.454A.5.5 0 0 0 291.48 4zm-107 10a.5.5 0 0 0-.33.146l-1 1a.5.5 0 0 0 0 .708.5.5 0 0 0 .707 0l1-1a.5.5 0 0 0 0-.708.5.5 0 0 0-.377-.146z"/>
|
||||||
|
<path transform="rotate(142.16)" d="M-242.86-209.12a8.005 8.005 0 0 0-7.508 10.066c1.038 3.874 4.795 6.385 8.772 5.862s6.955-3.921 6.955-7.932a.5.5 0 0 0-.5-.5.5.5 0 0 0-.5.5c0 3.517-2.6 6.48-6.086 6.94a6.992 6.992 0 0 1-7.674-5.128 6.994 6.994 0 0 1 4.082-8.279 6.993 6.993 0 0 1 8.74 2.967.5.5 0 0 0 .684.184.5.5 0 0 0 .183-.684 8.008 8.008 0 0 0-7.148-3.996z" style="opacity:.06"/>
|
||||||
|
<path d="M445.61.78a.5.5 0 0 0-.38.596l.486 2.181a8.006 8.006 0 0 0-6.664-1.315 8.005 8.005 0 0 0-5.14 11.46 8.006 8.006 0 0 0 9.836 3.814 8.005 8.005 0 0 0 5.065-9.254.5.5 0 1 0-.976.217c.764 3.433-1.129 6.891-4.432 8.097s-6.98-.218-8.607-3.336a6.994 6.994 0 0 1 2.185-8.969 6.995 6.995 0 0 1 8.759.577l-3.167.705a.5.5 0 0 0 .218.976l3.904-.869a.5.5 0 0 0 .38-.597l-.87-3.904a.5.5 0 0 0-.597-.38z" style="opacity:.96"/>
|
||||||
|
<path d="M332.71 2.004a8.005 8.005 0 0 0-7.684 8.71.5.5 0 0 0 .543.454.5.5 0 0 0 .453-.543 6.993 6.993 0 0 1 5.442-7.455 6.995 6.995 0 0 1 8.103 4.422 6.995 6.995 0 0 1-3.326 8.611 6.99 6.99 0 0 1-8.738-1.875l.34-.031a.5.5 0 0 0 .45-.545.5.5 0 0 0-.53-.453.5.5 0 0 0-.012.002l-1.494.136a.5.5 0 0 0-.453.542l.134 1.537a.5.5 0 0 0 .541.453.5.5 0 0 0 .456-.541l-.022-.258a8 8 0 0 0 7.014 2.777 8.008 8.008 0 0 0 6.578-10.7 8.01 8.01 0 0 0-7.795-5.243z" style="opacity:.18"/>
|
||||||
|
<path d="M350.79 2.002a8.008 8.008 0 0 0-7.219 5.027.5.5 0 0 0 .278.65.5.5 0 0 0 .65-.279 6.993 6.993 0 0 1 8.228-4.181 6.99 6.99 0 0 1 5.221 7.61A6.995 6.995 0 0 1 351.083 17a6.99 6.99 0 0 1-6.97-5.773l.657.244a.5.5 0 0 0 .643-.295.5.5 0 0 0-.295-.643l-1.746-.648a.5.5 0 0 0-.176-.031.5.5 0 0 0-.457.302l-.699 1.62a.5.5 0 0 0 .262.658.5.5 0 0 0 .656-.262l.228-.53a8 8 0 0 0 5.045 5.864c.895.33 1.861.506 2.864.494a8.008 8.008 0 0 0 7.847-7.053 8.006 8.006 0 0 0-8.152-8.945z" style="opacity:.32"/>
|
||||||
|
<path d="M368.82 2.004a7.977 7.977 0 0 0-4.688 1.65.5.5 0 0 0-.091.701.5.5 0 0 0 .7.092 6.994 6.994 0 0 1 9.212.604 6.994 6.994 0 0 1 .603 9.21 6.996 6.996 0 0 1-9.054 1.801 6.987 6.987 0 0 1-3.067-8.459l.826.981a.5.5 0 0 0 .705.059.5.5 0 0 0 .059-.706l-1.363-1.613a.5.5 0 0 0-.364-.178.5.5 0 0 0-.304.09l-1.776 1.239a.5.5 0 0 0-.125.697.5.5 0 0 0 .696.123l.478-.334a8.02 8.02 0 0 0 1.526 7.082c.6.74 1.34 1.385 2.209 1.887a8.008 8.008 0 0 0 10.348-2.06 8.003 8.003 0 0 0-.692-10.526 7.988 7.988 0 0 0-5.838-2.34z" style="opacity:.46"/>
|
||||||
|
<path d="M386.96 1.998c-.486.002-.978.05-1.47.145a.5.5 0 0 0-.397.585.5.5 0 0 0 .586.397 6.995 6.995 0 0 1 7.963 4.67 6.994 6.994 0 0 1-3.59 8.504 6.994 6.994 0 0 1-8.9-2.448 6.992 6.992 0 0 1 .683-8.57l.357 1.832a.5.5 0 0 0 .586.395.5.5 0 0 0 .397-.586l-.541-2.772a.5.5 0 0 0-.514-.404.5.5 0 0 0-.07.008l-2.809.533a.5.5 0 0 0-.398.584.5.5 0 0 0 .584.398l1.334-.252a8.012 8.012 0 0 0-1.574 6.707 7.96 7.96 0 0 0 1.129 2.676A8.009 8.009 0 0 0 390.49 17.2a8.007 8.007 0 0 0 4.101-9.72 8.01 8.01 0 0 0-7.63-5.481z" style="opacity:.61"/>
|
||||||
|
<path d="M402.29.496a.5.5 0 0 0-.447.264.5.5 0 0 0 .205.677l1.369.729a8.011 8.011 0 0 0-5.615 4.342 8.006 8.006 0 0 0 5.475 11.305 8.005 8.005 0 0 0 9.243-5.082 8.007 8.007 0 0 0-3.832-9.83.5.5 0 0 0-.673.212.5.5 0 0 0 .213.674 6.995 6.995 0 0 1 3.351 8.602 6.99 6.99 0 0 1-8.086 4.447 6.996 6.996 0 0 1-5.467-7.44 6.994 6.994 0 0 1 6.014-6.33l-.928 1.834a.5.5 0 0 0 .22.672.5.5 0 0 0 .671-.22l1.377-2.72a.5.5 0 0 0-.21-.665L402.518.555a.5.5 0 0 0-.229-.059z" style="opacity:.75"/>
|
||||||
|
<path d="M426.21.059a.5.5 0 0 0-.186.039.5.5 0 0 0-.267.654l.908 2.158a8.014 8.014 0 0 0-7-.18 8.006 8.006 0 0 0-2.97 12.203c2.47 3.16 6.91 4 10.364 1.963a8.006 8.006 0 0 0 3.301-10.02.5.5 0 0 0-.656-.265.5.5 0 0 0-.264.656 6.995 6.995 0 0 1-2.888 8.767 6.993 6.993 0 0 1-9.069-1.718 6.995 6.995 0 0 1 .518-9.217 6.99 6.99 0 0 1 8.724-1.014l-2.902 1.244a.5.5 0 0 0-.264.657.5.5 0 0 0 .657.263l3.73-1.597a.5.5 0 0 0 .264-.655L426.679.362a.5.5 0 0 0-.47-.304z" style="opacity:.88"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 7.7 KiB |
5
chrome/icons/sidebar-fill.svg
Normal file
5
chrome/icons/sidebar-fill.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
|
||||||
|
<path
|
||||||
|
style="fill:context-fill;fill-opacity:context-fill-opacity"
|
||||||
|
d="M 2 1 C 0.89503 0.98077 0 1.89543 0 3 L 0 13 C 0 14.1046 0.89503 15 2 15 L 14 15 C 15.1049 15 16 14.1046 16 13 L 16 3 C 16 1.89543 15.1049 1 14 1 L 2 1 z M 7 2 L 14 2 C 14.5525 2 15 2.44771 15 3 L 15 13 C 15 13.5523 14.5525 14 14 14 L 7 14 L 7 2 z M 2.5 4 L 4.5 4 C 4.7761424 4 5 4.2238576 5 4.5 C 5 4.7761424 4.7761424 5 4.5 5 L 2.5 5 C 2.2238576 5 2 4.7761424 2 4.5 C 2 4.2238576 2.2238576 4 2.5 4 z M 2.5 7 L 4.5 7 C 4.7761424 7 5 7.2238576 5 7.5 C 5 7.7761424 4.7761424 8 4.5 8 L 2.5 8 C 2.2238576 8 2 7.7761424 2 7.5 C 2 7.2238576 2.2238576 7 2.5 7 z M 2.5 10 L 4.5 10 C 4.7761424 10 5 10.223858 5 10.5 C 5 10.776142 4.7761424 11 4.5 11 L 2.5 11 C 2.2238576 11 2 10.776142 2 10.5 C 2 10.223858 2.2238576 10 2.5 10 z " />
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 895 B |
9
chrome/icons/stop-to-reload.svg
Normal file
9
chrome/icons/stop-to-reload.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.5 KiB |
Loading…
Add table
Add a link
Reference in a new issue