Make the vomnibar size adapt to smaller screens

[nathgit]

Is it possible to move the vomnibar up a little or shorten the height of the scrolling list by one row so it doesn't end up under the taskbar? Otherwise I have to go to fullscreen so that the taskbar is hidden to be able to see the bottom result.

[philc]

Please post a screenshot of your screen.

On Tue, Feb 11, 2020 at 11:10 PM, nathgit < notifications@github.com > wrote:

Is it possible to move the vomnibar up a little or shorten the height of the scrolling list by one row so it doesn't end up under the taskbar? Otherwise I have to go to fullscreen so that the taskbar is hidden to be able to see the bottom result.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub ( https://github.com/philc/vimium/issues/3495?email_source=notifications&email_token=AAACDFRVD2OHNXWRZ457CEDRCOOFJA5CNFSM4KTUBM72YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4IM24FCQ ) , or unsubscribe ( https://github.com/notifications/unsubscribe-auth/AAACDFV2JEGZJIP34E2KLQDRCOOFJANCNFSM4KTUBM7Q ).

[nathgit]

Notice the "Actions - philc/vimium" tab is visible at the bottom ONLY when in fullscreen (Bottom screenshot) but not when out of fullscreen (top screenshot), can the vomnibar be moved or resized to 9 rows instead of 10 so the list doesn't extend below the taskbar when not in fullscreen?

[gdh1995]

Here's an naive solution: add this to "CSS for Vimium UI" (an advanced option) on Vimium Options page:

#vomnibar li {
  padding: 3px 10px;
}

[philc]

It would be nice if the vomnibar layout was smart enough to vertically center itself within the available space, or even show fewer recommendations if the screen is short. I've added the help-wanted tag. I'm surprised we haven't heard about this until now, although @nathgit that is an awfully short screen you have. The screenshot is 760px tall and the actual chrome viewport is only 640px tall.

[nathgit]

although @nathgit that is an awfully short screen you have. The screenshot is 760px tall and the actual chrome viewport is only 640px tall.

yeah it's a chromebook HP x360 11. I think it's an 11/11.6 in screen.

[ulcuber]

The issue is also reproducible on scaled pages or for increased font size (chrome://settings/fonts)

I have tried to use height in vh but cannot change styles for iframe in CSS for Vimium UI

So current workaround:

#vomnibar ul {
  margin: 0;
}

#vomnibar ul > li {
  padding: 0;
}

#vomnibar li .vomnibarBottomHalf {
  margin: 0;
}