tomekwojcik/hotpocket
1
0
Fork 0
Code Actions Releases 16 Wiki Activity

BTHLABS-50: Safari Web extension

Browse Source 
Co-authored-by: Tomek Wójcik <labs@tomekwojcik.pl>
Co-committed-by: Tomek Wójcik <labs@tomekwojcik.pl>
This commit is contained in:
Tomek Wójcik
2025-09-08 18:11:36 +00:00
committed by Tomek Wójcik
parent ffecf780ee
commit b6d02dbe78
184 changed files with 7536 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
services/extension/src/content/templates/popup.html Normal file
View File

@@ -0,0 +1,64 @@
<style type="text/css">
:host {
all: initial;
font-family: sans-serif !important;
font-size: 16px !important;
line-height: 1.5 !important;
position: fixed;
top: 20px;
right: 20px;
z-index: 999999;
}
.hotpocket-extension-popup {
background: #212529;
border: 1px solid #495057;
border-radius: 0.375rem;
color: white;
width: 300px;
}
.hotpocket-extension-popup .hotpocket-extension-popup-close {
opacity: 0.75;
}
.hotpocket-extension-popup .hotpocket-extension-popup-close:hover {
opacity: 1;
}
.hotpocket-extension-popup .hotpocket-extension-popup-header {
background: rgba(222, 226, 230, 0.3);
border-bottom: 1px solid #495057;
padding: 0.5rem 1rem;
position: relative;
}
.hotpocket-extension-popup .hotpocket-extension-popup-header strong {
margin-right: 1rem;
}
.hotpocket-extension-popup .hotpocket-extension-popup-header .hotpocket-extension-popup-close {
cursor: pointer;
display: block;
line-height: 1.5;
position: absolute;
right: 0.5rem;
text-align: center;
top: 0.5rem;
width: 1.5rem;
}
.hotpocket-extension-popup .hotpocket-extension-popup-body {
padding: 1rem;
}
.hotpocket-extension-popup .hotpocket-extension-popup-body > * {
margin: 0px;
}
.hotpocket-extension-popup .hotpocket-extension-popup-message-success {
color: rgba(25, 135, 84, 1);
}
.hotpocket-extension-popup .hotpocket-extension-popup-message-error {
color: rgba(220, 53, 69, 1);
}
</style>
<div class="hotpocket-extension-popup">
<div class="hotpocket-extension-popup-header">
<strong>HotPocket by BTHLabs</strong>
<a class="hotpocket-extension-popup-close">&times</a>
</div>
<div class="hotpocket-extension-popup-body">
</div>
</div>