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

add svg icon

Browse Source
This commit is contained in:
tophf 2022-01-26 16:16:55 +03:00
parent a3bc24f593
commit ac5ebe469c
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
manage.html
View File

@ -314,7 +314,10 @@
</label>
</div>
<button id="manage-options-button" i18n-text="openOptions"></button>
<button id="injection-order-button" i18n-title="styleInjectionOrder">↑↓</button>
<button id="injection-order-button" i18n-title="styleInjectionOrder">
<svg class="svg-icon"><use xlink:href="#svg-icon-reorder"/></svg>
&nbsp;
</button>
</details>
</div>
@ -380,6 +383,10 @@
<symbol id="svg-icon-config" viewBox="0 0 16 16">
<path d="M13.3,12.8l1.5-2.6l-2.2-1.5c0-0.2,0.1-0.5,0.1-0.7c0-0.2,0-0.5-0.1-0.7l2.2-1.5l-1.5-2.6l-2.4,1.2 c-0.4-0.3-0.8-0.5-1.2-0.7L9.5,1h-3L6.3,3.7C5.9,3.8,5.5,4.1,5.1,4.4L2.7,3.2L1.2,5.8l2.2,1.5c0,0.2-0.1,0.5-0.1,0.7 c0,0.2,0,0.5,0.1,0.7l-2.2,1.5l1.5,2.6l2.4-1.2c0.4,0.3,0.8,0.5,1.2,0.7L6.5,15h3l0.2-2.7c0.4-0.2,0.8-0.4,1.2-0.7L13.3,12.8z M8,10.3c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3C10.3,9.3,9.3,10.3,8,10.3z"/>
</symbol>
<symbol id="svg-icon-reorder" viewBox="0 0 20 20">
<path d="M1,6h7V1H1V6z M2,2h5v3H2V2z M1,12h7V7H1V12z M2,8h5v3H2V8z M1,18h7v-5H1V18z M2,14h5v3H2V14z M18,9v7H9v-1h8v-5h-3v2.5l-3-3l3-3V9H18z M12,5.5l-3-2l3-2V3h4v5h-1V4h-3V5.5z"/>
</symbol>
</svg>
</body>

10
manage/manage.css
View File

@ -112,6 +112,16 @@ a:hover {
left: 2px;
}
#injection-order-button {
width: 27px; /* 19px icon's image + 2px border + 6px padding */
padding-left: 3px;
display: inline-flex;
align-items: center;
}
#injection-order-button > svg {
position: absolute;
}
#installed {
position: relative;
padding-left: var(--header-width);