Drop down menu for bookmarks

thedatabug

Is there any way I can place a button somewhere that will open the Bookmarks menu as a dropdown menu?

This has been driving me nuts since Ive had to make my Vivaldi sync bookmarks with other browsers and laptops. All other browser have an All Bookmarks menu item on the bookmarks bar. Vivaldi doesnt and it makes it a pita to keep things in sync with everything else.

I know I can cheese this and just create a Bookmarks folder and put all Bookmarks in that. But then it messes up the Bookmarks panel items as I then have top open Bookmars Bar and then go to the All Bookmarks folder. Rather than having everything neatly in separate categories.

Also it means evertime I sync bookmarks with all the other browsers I have to go through an rearrange the bookmarks every time.

Ive tried to use the Panel as a replacement for 'All Bookmarks' But the pain here is the folders remain open and dont auto collapse. so when I switch around betweeen folders its more complicated as I have to scroll a whole bunch to finmd the folder. Yes I can collapse all but I have to do this every time I use it which again is a pita.

I have spend weeks trying to find a solution including trying out different chrome bookmark managers but every solution seems very flawed.

I really wish Vivaldi at least had the option to show an All Bookmarks item.
OR had an option like Firefox where you could add a Bookmarks menu to the end or beginning of the Bookmarks bar.

Can anyone think of some way I can get around my problem?
Basically I want a drop down menu for all my bookmarks at the end of the bookmarks bar.

Pesala

@thedatabug The best workaround IMO is to go to Settings, Keyboard, and enable:

Alt Key for Main Menu

Then use Alt+B to show the Bookmarks menu (assuming that you use an English UI). Access keys are much quicker for navigating nested folders than using the mouse.

Bookmark Access Keys.png

thedatabug

@Pesala

That doesn't work for me. At least not all the time as I use my PC from my Bed a lot where I don't have access to the keyboard. I really just wish they build in an option. Its just kinda ironic that something as customizable as Vivaldi doesn't have an option that every other browser has.

Pathduck

@thedatabug Why don't you set your root bookmarks folder as the bookmarks bar?

EdwardMatthew

This post is deleted!

thedatabug

@Pathduck

How can I do that? I only see the option to set a folder as Bookmarks Bar?

Pesala

@thedatabug

Create a new bookmark folder
Set that as the Bookmark Bar folder
Delete the empty new folder

RadekPilich

@Pesala What the....! Thanks, I was wondering how can I go back to have the root on the bookmarks bar after I changed it to some specific folder once.

Pathduck

@RadekPilich Yeah, they really need to fix this, it got broken around 4.5 and just stayed that way.

So all we have is the workaround... which is fast enough to do once you know it but hard to explain.

thedatabug

Well it makes for a super messy Bookmarks bar but still a great tip to know :).
This makes me wat the ability to have coloured folders or emotes as names of folders.

Its like every possible solution I find makes me want another features that Vivaldi lacks.

Pathduck

@thedatabug I don't see how this is any more "messy" than in other browsers? Just keep your top categories tidy and organise stuff properly.

Is really all you want the "Other Bookmarks" to be placed at the end of the bar like in the other browsers? One of our community modding masters made a mod for just that:
https://forum.vivaldi.net/topic/88400/chromium-style-other-bookmarks-bookmark-bar-folder

This makes me wat the ability to have coloured folders or emotes as names of folders.

You can have that, if you learn basic modding in Vivaldi.
Emotes/Emojis can be used in folder names, and the folder icon hidden.
There's lots of examples on the modding subforum if you search.

Might help with a screenshot showing how you believe a bookmarks bar should look?

thedatabug

@Pathduck

I dont use folders for my bookamrks bar I just have a row of single bookamrks to my most used sites. That way have access to all my most used bookamrks in as few clicks as possible. Then I have a whole bunch of folders for the slightly less used bookmarks. Which in other browser would be in Other Bookmarks. So still pretty accessible. Basically I want to get to things in as few clicks as possible. Also I want to keep compatibility between my 1920x1080 main PC monitor and my very small Laptop screen So I keep my bookmarks so they don't overrun my Laptops screen (If you get what I mean). Its keeping this level of compatibly that has brought this issue to the fore for me. keeping compatibility between Chrome Edge Firefox Brave and Vivaldi AND across a 1920x1080 screen and a smaller scaled up Laptop screen.

I am currently trying to get the CSS script to work. I already use a centered bookmarks script but I can get the Other Bookmarks script to work ... yet.

nomadic

@thedatabug said in Drop down menu for bookmarks:

I am currently trying to get the CSS script to work. I already use a centered bookmarks script but I can get the Other Bookmarks script to work ... yet.

If you already know how to add custom CSS, then it might just be you missed this step in the configuration options:

Configuration Options
You need to have the first item in the bookmark bar be a folder. You can name it whatever you want, but you will need to adjust the width with a CSS variable.

Basically, the mod is just moving the first bookmark folder to the right edge of the screen. It needs to be the first bookmark because, otherwise, changing the width of the window could cause it to overflow into the "More bookmarks" chevron menu.

I set the width relative to the text "Other bookmarks", so it is easiest if you name the folder that. Otherwise, it isn't too difficult to get a new width for a differently named folder if you know how to inspect the UI.

thedatabug

@nomadic

Firstly thank you for the CSS script. Its exactly what I want. But I cant make it work.

I have tried moving my folders to First in the bookmarks bar. First in the entire bookmarks but nothing seems to 'spawn' the fabled Other Bookmarks folder.

nomadic

@thedatabug I made a screen recording of the complete process on Windows. You can view it here: https://ttm.sh/Bkm.webm

I believe, by default, new bookmark folders are added to the beginning of the list. If your folder doesn't move correctly, you may need to manually move it to the first position.

Another thing to note is that the CSS filenames can't contain any spaces in them. That is a common issue people run into.

thedatabug

@nomadic

Brilliant. Thank you very much. Its working and its pretty much what I wanted.
Thank goodness for custom css.

Ok Im being pedantic here but this snippet of code

/* Border in front of folder icon */
.bookmark-bar button.folder:first-of-type::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 20%;
  width: 1px;
  height: 60%;
  background-color: var(--colorFgFadedMost);
}

How do I change the color (--colorFgFadedMost) to be the same as the accent color?

nomadic

@thedatabug Since the tab bar background color, depending on your theme settings, can be set to the accent color, figure it would be good to ask if you just want that vertical bar to be removed? If so, you can just delete that whole segment of the CSS that you posted.

The variable for the accent color is --colorAccentBg. You can see are the color variables if you inspect the UI and look at the right side styles pane for the #browser div or any of the elements below it.

Image of what it looks like

thedatabug

@nomadic

Thank you so much.

Removing the bar was an option but I quite liked having a divider. I have altered it so it spans across the whole height of the Bookmarks bar and matches all the other dividing lines in my theme.

Thank you. Objective achieved.