Quick Command Peekaboo
-
This simple mod allow u to hide the Quick Command dialog temporarily (without losing any progress) so that you can take a peek at the tab/website. It's useful if you need to refer back to content from current website when using QC.
-
Hide QC when window is inactive (move mouse out of window):
#modal-bg.float.top:not(:hover) > div {opacity: 0.15;}
-
Hide QC when not mouseover QC dialog:
#modal-bg.float.top > div:not(:hover) {opacity: 0.15;}
-
Hide QC when not focus on & not mouseover QC dialog:
#modal-bg.float > div:not(:focus-within):not(:hover) {opacity: 0.15;}
.
I think mod 3 is best, because it work like default behavior & won't hide the dialog by accident constantly. Just press F9 & move mouse away to hide it.Previously we can simply scroll up/down with mousewheel to scroll the website if point away from QC dialog, but now we have to press F9 to focus on the website first to scroll... Is that a bug? or feature?
-
-
@dude99 said in Quick Command Peekaboo:
Previously we can simply scroll up/down with mousewheel to scroll the website if point away from QC dialog, but now we have to press F9 to focus on the website first to scroll... Is that a bug? or feature?
Unsure how it could be considered.
A click on the page actually close the QC (act as F2 twice)
So it's changed behaviour., you may re-ask it as feature request.
Mod works fine, I like 2. But 1 and 3 are fine too. -
@hadden89 said in Quick Command Peekaboo:
So it's changed behaviour., you may re-ask it as feature request.
They have made improvement on QC functions recently, so maybe accidentally broke the mouseover detection of background element when QC is enabled. Also, there are no changelog or any mention of the behavior change (at least not that i know of).
or someone change it without keeping a record. but it's not very likely because i can't think of any good reason for the change.
-
@dude99 Hmm, maybe the change was intentional, because I can't think of a reason you'd want to see the webpage when you open quick commands. It's there to issue some sort of command and then execute it immediately, no point in it sticking around. If you use it a lot you can even do it without looking at it / blind.
-
@luetage QC can be use to cross search for something u see on current tab/website with opened tab, history, bookmarks, etc. Sometimes i forgot the spelling of certain word/name/phrases while typing into QC, so able to browse website with QC enabled is useful because i don't have to cancel QC & redo typed words to check for spelling.
-
Finally, here is updated version that can scroll the webpage during QC mode:
/* quick command */ #modal-bg.float {max-width:80%; max-height:75%; margin: 0 auto; cursor: crosshair;} #modal-bg.float > div:not(:focus-within):not(:hover) {opacity:.1;} .quick-command-container, .quick-command-container .quick-commands > div {min-width:80vw; cursor: auto;} .quick-command-container .quick-commands > div > div {max-width: 100% !important;} .quick-command-container .quick-commands .quick-command {cursor: pointer;}
-
Move pointer away from QC dialog, & scrolling from left/right/bottom region.
-
Move pointer to upper region will turn cursor into crosshair, left-click to close QC.
-
Click on left/right/bottom region will focus on webpage & hide QC dialog temporarily.
-
-
Updated again...
Mouse-out to hide dialog with only search word visible, also you can scroll website & interact with browser GUI directly even during Quick Command mode (with 1 less click)./* quick command */ #modal-bg.float.top {height: fit-content; width: fit-content; margin: 28vh auto; overflow:visible;} #modal-bg.float.top > div {margin:0; background:none;} #modal-bg.float.top:not(:hover) > div {visibility:hidden; transition: visibility .15s !important;} #modal-bg.float.top:not(:hover) .qc-entry .quick-command-search {visibility: visible; font-weight: 500; color: yellow; text-shadow: 0 0 6px black;} .quick-command-container, .quick-command-container .quick-commands > div {min-width:80vw; cursor: auto;} .quick-command-container .quick-commands > div > div {max-width: 100% !important;} .quick-command-container .quick-command {cursor: pointer;}
-
updated for v3:
/* Quick command */ #modal-bg.qc-modal.float.top:not(:hover) > div {visibility: hidden; transition: visibility .2s !important;} #modal-bg.qc-modal.float.top:not(:hover) .qc-entry input {visibility: visible; font-weight: 500; color: yellow; text-shadow: 0 0 6px black; background: linear-gradient(45deg, #0000001A, transparent 66%);} .quick-command-container, .quick-command-container .quick-commands > div {min-width:86vw; cursor: auto;} .quick-command-container .quick-commands > div > div {max-width: 100% !important;} .quick-command-container .quick-command {cursor: pointer;}
-
-
v3.3 update is over here: https://forum.vivaldi.net/post/398362
-