mirror of
https://github.com/visortelle/haskell-spotlight.git
synced 2024-09-11 03:55:54 +03:00
Browser ext => 0.0.8. Add Reset settings button.
This commit is contained in:
parent
30ea3675b2
commit
4edb99003f
@ -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": [
|
||||||
{
|
{
|
||||||
|
@ -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": [
|
||||||
{
|
{
|
||||||
|
@ -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);
|
||||||
|
}
|
||||||
|
@ -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 ⭐</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>
|
||||||
);
|
);
|
||||||
|
Loading…
Reference in New Issue
Block a user