philc / vimium

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

How can I change 'f' tips position? #4017

Open ghost opened 2 years ago

ghost commented 2 years ago

Describe the bug Press 'f', all tips will cover all clickable links display text. How can I change tips position?

To Reproduce Steps to reproduce the behavior:

  1. Press 'f'
  2. There will display all clickable links on the current page
  3. links text will be covered

Include a screenshot if applicable. image

I hope all tips move up 15px. (if the tip's postion is in top edge, don't move to the edge of the outside) just like this: image

So, What should I do?

Hope to get your help!

gdh1995 commented 2 years ago

image

Like this snapshot:

  1. open Vimium Options
  2. if the button at Place (1) is Show Advanced Options, then click it; (do nothing if not)
  3. Scroll down to the bottom, and find Place (2) "CSS for Vimium UI"
  4. add margin-top: -15px; just like what the snapshot does

But this method can not implement "if the tip's postion is in top edge, don't move to the edge of the outside"

ghost commented 2 years ago

Thank you! It's very useful to me!

ghost commented 2 years ago

image

Like this snapshot:

  1. open Vimium Options
  2. if the button at Place (1) is Show Advanced Options, then click it; (do nothing if not)
  3. Scroll down to the bottom, and find Place (2) "CSS for Vimium UI"
  4. add margin-top: -15px; just like what the snapshot does

But this method can not implement "if the tip's postion is in top edge, don't move to the edge of the outside"

There are some trouble.

This method is only valid in Vimium Option Page (chrome-extension://dbepggeogbaibhgnhhndojpepiihcmeb/pages/options.html) image

When I switch other web, it don't work. image

I have reloaded page and restarted Chrome.

Hope to get your help again!

gdh1995 commented 2 years ago

Have you clicked the Save Options button after you added margin-top: 12px? And, CSS changes only take effects on a tab after you reload the tab.

Just now I reproduced your change and it worked after I reloaded a tab of bing.com : image