Solved (Solved) Customising the Popup After Selecting Text

[vongalin]

Good morning all,
When I am viewing this forum in V and select text (via dragging) I get a small popup "Quote" below the text. This is pretty slick and it only occurs on these forum pages.

Recently I have found that all the Drag-and-Search extensions have essentially shit the bed and no longer work consistently. I have no resorted to selecting my text, right-clicking and using the built-in V commands, e.g. Search... or Search With..., etc. This works great and is one less extension to use.

Is it possible to customize a popup that happens when text is selected ? Similar to how the Quote pops up ? Basically, select text and have a menu display with search options - would eliminate the need for right-clicking as it would be right there.

[dude99]

@vongalin https://chrome.google.com/webstore/detail/selection-search/gipnlpdeieaidmmeaichnddnmjmcakoe

In the extension option page, u need to set popup menu to AUTO, & enabled Show the menu directly when selecting text to make it behave the way u desired.

[dude99]

@vongalin or you can enable the experimental feature via vivaldi://experiments/ , then enabled Show context menu on double click to make Vivaldi show the native context menu after u select text, after u restart Vivaldi.

[vongalin]

@dude99 said in Customising the Popup After Selecting Text:

@vongalin https://chrome.google.com/webstore/detail/selection-search/gipnlpdeieaidmmeaichnddnmjmcakoe

In the extension option page, u need to set popup menu to AUTO, & enabled Show the menu directly when selecting text to make it behave the way u desired.

Holy crap ! That extension is awesome. Thank you so much for sharing. Still tweaking the settings, but following what you said, it is working very nicely.

[dude99]

@vongalin u can also turn the popup menu into circular menu with CSS, click Advanced settings to reveal more options.

This is example of what Im using:

.button {
 transform: translate(-155%, 200%);
}
.mainmenu {
 border-color: #eee8aa;
 pointer-events: none;
 box-shadow: 0 0 5px dimgrey, 0 0 5px dimgrey inset;
}
.mainmenu * {
 pointer-events: auto;
}
.submenu{
 border-color: #f1edbb;
 box-shadow: 0 0 5px dimgrey, 0 0 5px dimgrey inset;
}
.submenu .submenu {
    border-color: #f4f1c9;
    box-shadow: 0 0 5px dimgrey, 0 0 10px dimgrey inset;
}
.popup img {
 margin: 6px 0;
 -webkit-filter: grayscale(30%);
 transition: -webkit-filter 0.3s ease-in-out;
}
.popup a:hover img, .popup a.active img{
 -webkit-filter: grayscale(0%);
}
.popup a:hover {
 background: hsl(60deg 100% 97%);
 transform: scale(1.2);
 box-shadow: 0 0 5px darkkhaki;
}
.popup .engine-separator {
 background: #aaa;
}

[vongalin]

The circular menu is pretty cool. I have it enabled and using your CSS, matches my setup perfectly. I think I'll try that out for a bit.

Thank you again for sharing this information.

What's also cool is you can use the V Developer / Inspect tools to get the class names of the menu preview - this way I've been able to increase the font size and weight pretty easily.