visortelle/haskell-spotlight
1
1
Fork 0
mirror of https://github.com/visortelle/haskell-spotlight.git synced 2024-09-11 03:55:54 +03:00
Code Issues Packages Projects Releases Wiki Activity

Browser ext => 0.0.8. Add Reset settings button.

Browse Source
This commit is contained in:
visortelle 2022-02-08 20:08:41 +01:00
parent 30ea3675b2
commit 4edb99003f
4 changed files with 32 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
browser-extension/assets/manifest-v2.json
View File

@ -4,7 +4,7 @@
"short_name": "Haskell Spotlight", "short_name": "Haskell Spotlight",
"description": "Search on Hackage, Hoogle and more soon.", "description": "Search on Hackage, Hoogle and more soon.",
"homepage_url": "https://github.com/haskell-spotlight/haskell-spotlight", "homepage_url": "https://github.com/haskell-spotlight/haskell-spotlight",
"version": "0.0.7", "version": "0.0.8",
"icons": { "192": "images/icon-192.png" }, "icons": { "192": "images/icon-192.png" },
"content_scripts": [ "content_scripts": [
{ {

2
browser-extension/assets/manifest-v3.json
View File

@ -4,7 +4,7 @@
"short_name": "Haskell Spotlight", "short_name": "Haskell Spotlight",
"description": "Search on Hackage, Hoogle and more soon.", "description": "Search on Hackage, Hoogle and more soon.",
"homepage_url": "https://github.com/haskell-spotlight/haskell-spotlight", "homepage_url": "https://github.com/haskell-spotlight/haskell-spotlight",
"version": "0.0.7", "version": "0.0.8",
"icons": { "192": "images/icon-192.png" }, "icons": { "192": "images/icon-192.png" },
"content_scripts": [ "content_scripts": [
{ {

19
browser-extension/popup/Popup.module.css
View File

@ -69,3 +69,22 @@
.kbdKeyActive { .kbdKeyActive {
filter: grayscale(0); filter: grayscale(0);
} }
.resetKeyBindingsButton {
text-align: center;
background-color: #5e5086;
color: #fff;
border-radius: 8px;
display: inline-flex;
margin: auto;
padding: 4px 8px;
filter: grayscale(1);
border-bottom: 6px solid #453a62;
border-right: 4px solid #453a62;
transition: var(--transition-short);
}
.resetKeyBindingsButton:hover {
cursor: pointer;
filter: grayscale(0);
}

18
browser-extension/popup/Popup.tsx
View File

@ -61,7 +61,7 @@ export default () => {
onKeyUp={handleKeyUp} onKeyUp={handleKeyUp}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
> >
<div className={s.header}>Haskell Spotlight</div> <div className={s.header}><a href="https://github.com/haskell-spotlight/haskell-spotlight">Haskell Spotlight &nbsp;⭐</a></div>
<div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', flex: '1 1' }}> <div style={{ display: 'flex', flexDirection: 'column', justifyContent: 'space-between', flex: '1 1' }}>
<div style={{ fontSize: '14px', textAlign: 'center', padding: '0 18px' }}> <div style={{ fontSize: '14px', textAlign: 'center', padding: '0 18px' }}>
{state === 'awaitingForNewKeyBinding' && <span>Click on the area bellow to change hotkey.</span>} {state === 'awaitingForNewKeyBinding' && <span>Click on the area bellow to change hotkey.</span>}
@ -91,13 +91,17 @@ export default () => {
</div> </div>
)} )}
<a <div
style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '12px 12px 32px 12px', fontSize: '16px', fontWeight: 'bold', color: '#5e5086' }} className={s.resetKeyBindingsButton}
href="https://github.com/haskell-spotlight/haskell-spotlight" onClick={async () => {
target="__blank" await k.setDefaultKeyBindings();
const kb = await k.readKeyBinding('toggleSpotlight');
setKeyBinding(kb);
setState('keyBindingUpdated');
}}
> >
⭐️ github.com/haskell-spotlight/haskell-spotlight Reset settings
</a> </div>
</div> </div>
</div> </div>
); );