search

philc / vimium

The hacker's browser.
https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb
MIT License
23.64k stars 2.49k forks source link

"Open link in current tab." NOT a bug #4484

Open BlackGeorge1817 opened 6 months ago

BlackGeorge1817 commented 6 months ago

All apologies, since this isn't a bug. I looked in both FAQ and wiki but found no information on this.

When changing theme settings in the vimium ui css under options, how does one change, for example, the font-family and box width for the dialog box "Open link in current tab." or "Open link in new tab."? In some themes, the text of this box goes "outside" the Firefox window border and is thus illegible, so I figure if its width is larger or the font is smaller it will all be seen.

Thank you for any answers or advice.

philg-dev commented 3 weeks ago

You can inspect the Vomnibar with your browser. It runs in an iFrame, so when you follow the link to the moz-extension://792162ca-50cd-416e-a4b0-6c8d954d80c6/pages/vomnibar.html it will open in a separate tab, which you can again inspect to see the HTML structure including element IDs and CSS classes used.

You can then add whichever styles you want to the custom CSS configuration of Vimium.

As a short test, I made the border of my Vomnibar red instead of dark-gray with this:

#vomnibar .vomnibarSearchArea, #vomnibar {
  background-color: red;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

Your problem sounds like you could try to fiddle with CSS like text-wrap or overflow. If you need further help, I could try to help you with your specific issue, if you can provide a screenshot of your problem.

Edit: You can of course also just look at the respective files for the Vomnibar in the git repository instead of using your browser's inspect function / dev tools.

The relevant files should be: