Nes
/
SGDB-Extension
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

Removed unused icons 

Cleaned up a bit before release.
main
Nes370 2024-08-08 13:38:37 -07:00
parent 6fd2bf7771
commit 799fc55a8a
6 changed files with 51 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
icons/gitea_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
icons/nes_32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

0
icons/icon_16_white.png → icons/sgdb_16.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

16
manifest.json
View File

@ -3,13 +3,6 @@
"name": "SGDB Button on Steam",
"version": "1.0.0",
"description": "Adds a button on Steam game pages to bring you to its SteamGridDB entry.",
"permissions": [
"storage"
],
"action": {
"default_icon": "icons/icon_128.png",
"default_popup": "popup.html"
},
"icons": {
"16": "icons/icon_16.png",
"32": "icons/icon_32.png",
@ -18,6 +11,13 @@
"96": "icons/icon_96.png",
"128": "icons/icon_128.png"
},
"action": {
"default_icon": "icons/icon_128.png",
"default_popup": "popup.html"
},
"permissions": [
"storage"
],
"content_scripts": [
{
"matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ],
@ -26,7 +26,7 @@
],
"web_accessible_resources": [
{
"resources": [ "icons/icon_16_white.png" ],
"resources": [ "icons/sgdb_16.png", "icons/nes_32.png" ],
"matches": [ "*://store.steampowered.com/app/*", "*://steamcommunity.com/app/*" ]
}
]

42
popup.html
View File

@ -11,10 +11,50 @@
background-color: #32414c;
color: #8ecaf4;
}
.btn {
border-radius: 2px;
padding: 1px;
display: inline-block;
text-decoration: none;
color: #67c1f5;
background: rgba(103, 193, 245, 0.2);
}
.btn:hover {
text-decoration: none !important;
color: #fff !important;
background: #417a9b;
background: -webkit-linear-gradient( 150deg, #417a9b 5%,#67c1f5 95%);
background: linear-gradient( -60deg, #417a9b 5%,#67c1f5 95%);
}
.btn > span {
padding: 0 15px;
font-size: 15px;
line-height: 30px;
}
.icon {
margin: 7px;
vertical-align: middle;
display: inline-block;
width: 22px;
height: 22px;
}
</style>
</head>
<body>
<h2 style="text-align: center"><img src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_32.png" style="vertical-align: middle; display: inline"> SGBD Button on Steam</h2>
<p style="text-align: center">Created by <a href="https://www.steamgriddb.com/profile/76561198274324627" style="color: #FC2A7C">Nes</a> <a href="https://www.steamgriddb.com/profile/76561198274324627"><img src="https://avatars.steamstatic.com/ee0596d5cbba554a4e7b1adb7bac26e740336975_full.jpg" style="vertical-align: middle; display: inline; height: 36px"></a></p>
<a class="btn" href="https://www.steamgriddb.com/profile/76561198274324627">
<span data-tooltip-text="View my profile">
<img class="icon" src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/nes_32.png">Created by <span style="color: #FC2A7C">Nes</span>
</span>
</a>
<a class="btn" href="https://gitea.goblincave.synology.me/Nes/SGDB-Extension">
<span data-tooltip-text="View source">
<img class="icon" src="moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/gitea_32.png">View Source
</span>
</a>
</body>
</html>

3
script.js
View File

@ -13,7 +13,8 @@ if(appIDMatch) {
const icon = document.createElement("img");
icon.className = "ico16";
icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/icon_16_white.png";
icon.src = "moz-extension://74d32219-b2a6-4a7f-bec5-0b89b0441173/icons/sgdb_16.png";
icon.style.backgroundImage = "none";
span.append(icon);
sgdb_button.append(span);