Jelmerro / Vieb

Vim Inspired Electron Browser - Vim bindings for the web by design
https://vieb.dev
GNU General Public License v3.0
1.29k stars 61 forks source link

Navbar / Tabbar position #478

Closed dinkocar closed 1 year ago

dinkocar commented 1 year ago

Checklist

What needs to be solved How to I place navbar on bottom? I saw screenshot with such look, but I can not find any settings related to it.

Steps that have been attempted [TODO A list of things you tried to use the feature or solve a problem, and what doesn't work when you use them.]

dark-steveneq commented 1 year ago

There's no way to change positions of the UI elements of Vieb... kinda. Actually, there is one. By using :colorscheme​ command, you can switch the "internal" CSS style. By default, there are : default​, flipped​ (the one you're interested in)​, verticaltabs, light​, compact​ and much more. You can use your own CSS styles by putting them in Vieb/colors​ folder. ------- Original Message ------- On Wednesday, May 10th, 2023 at 2:43 PM, dinkocar @.***> wrote:

Checklist

What needs to be solved How to I place navbar on bottom? I saw screenshot with such look, but I can not find any settings related to it.

Steps that have been attempted [TODO A list of things you tried to use the feature or solve a problem, and what doesn't work when you use them.]

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: @.***>

dinkocar commented 1 year ago

I did find that setting, meanwhile. I was not able to find it as I wasn't looking for anything color related :) Anyway, flipped is weird, as arrow keys don't work as they should in menu. They are actually reverted, so I am using compact mode currently.

Jelmerro commented 1 year ago

This can indeed be done with colorschemes as mentioned above. The colorscheme you are looking for is called flipped and can be activated with :colorscheme flipped either in command mode or in your viebrc file. The arrow keys work fine in this scheme, they just get inverted with the theme because the bar is at the bottom instead of the top. If you don't want this, you are free to make a custom theme that keeps the order of suggestions unflipped but only flips the other UI elements. You can copy over the flipped colorscheme from here. On line 21 there is the following:

#suggest-dropdown {top: auto;bottom: 2.1em;flex-direction: column-reverse;

As you can see it was a deliberate choice to revert the suggestions, as otherwise the first selected suggestion would be at the top, which also would be a bit inconsistent. I decided to flip everything to make it start with the nearest selection just like it would in the default theme. If you don't want this to be flipped unlike the other elements, just make a theme in any of the locations listed in :help :colorscheme, for example ~/.vieb/colors/custom-flipped.css, and paste the contents of the flipped theme, then change column-reverse to column on line 21 (the one listed above with #suggest-dropdown at the start).

I believe this should solve your problem, if not let me know or ask any remaining questions you might have.