fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-11-10 03:40:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

Use more fitting colors for link icons

Browse source
This commit is contained in:
MrOtherGuy 2020-06-05 13:38:44 +03:00
parent 62bf40dc34
commit be4f2d16e7
2 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
html_resources/ext.svg
View file

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="black" stroke-linecap="round" fill="transparent" width="100" height="100" stroke-width="10" viewBox="0 0 100 100"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" stroke="rgb(200,150,100)" stroke-linecap="round" fill="transparent" width="100" height="100" stroke-width="10" viewBox="0 0 100 100">
<path d="M45 10h40v45M85,10l-40,40"/> <path d="M45 10h40v45M85,10l-40,40"/>
<path d="M50 25h-40v60h60v-40"/> <path d="M50 25h-40v60h60v-40"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 294 B

After

Width:  |  Height:  |  Size: 305 B

15
html_resources/main.css
View file

@ -20,15 +20,22 @@ pre:empty{ display: none }
.category:hover{ background-color: grey } .category:hover{ background-color: grey }
.target{ .target{
margin: 0.2em; margin: 0.1em;
background-color: rgb(60,60,70); background-color: rgb(60,60,70);
padding: 0.5em; padding: 0.3em;
border: 1px solid rgb(40,40,40); border: 1px solid rgb(40,40,40);
border-radius: 4px; border-radius: 4px;
max-width: 50ch; max-width: 50ch;
cursor: pointer cursor: default
}
.target > a{
content: "";
width: 1.2em;
height: 1.3em;
background-image: url("ext.svg");
background-repeat: no-repeat;
background-size: contain;
} }
.target > a::after{ content: ""; width: 1ch; background-image: url("ext.svg") }
.target:hover{ background-color: rgb(80,80,90) } .target:hover{ background-color: rgb(80,80,90) }
#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr } #targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }