Min Browser UI

remi.flores

Hello guys,

As I am very bad in CSS unfortunately.
I'm asking for help,

If some you know the open source browser Min, can someone recreate the UI of this browser.
I simply love how this thing is so minimalist, what they managed to do with their tabs is just beautiful IMHO.
Here is the link to the Min browser : https://minbrowser.org/

So if someone as some spare time, well I would be so grateful to get a CSS to replicate this ^^

hlehyaric

@remi-flores To begin with, you can hide Vivaldi's UI (address bar, bookmarks bar, panels) and use QC. Then you'll have a minimalist browser.
Display panels when needed (if you use them). Use cmd/ctrl+Lor F8 to focus the secondary address field when needed.
If you want to mod the tab bar, search this forum board, there are quite a few mods to do that. Pick up one that suits your need and taste.

A Former User

Maybe it would be a lot easier if you told the exact differences… and maybe not, based on how difficult it would be & who would do it.

And, as @hlehyaric mentioned, you can hide all UI and show only what you need to. I need a single mod to get just the page, & I use QC, sometimes window panel & even less the address bar (coz of extensions), all hidden most of the time.

Catweazle

Anyway, I just took a look and in the privacy and functionality point, this browser can be interesting as a second browser.
But as has been said, you can also reduce Vivaldi's UI to a minimum, without having to resort to CSS.

luetage

@remi-flores It looks like it’s a combined tab‐ and address‐bar with tabs that span the full width. Only a back button visible, with the menu button on right side. This request is lazy though. Most of the things can be accomplished by adjusting the settings in native Vivaldi and using existing mods. I don’t think anyone will seriously try to help you unless you start out by sharing the adjustments you already made to accomplish your goal.

hlehyaric

@remi-flores BTW, if you're on Mac, run Vivaldi Native Window + Hide UI (and Startpage navigation bar) + Full Screen and you'll have a truly minimalist browser: no UI at all, only pages.

remi.flores

@luetage
yes I already have everything hide and shortcut configured except for the tab bar.

and this is what would be perfect (https://forum.vivaldi.net/topic/11224/make-tabs-span-to-full-width/28?page=2), but the css doesn't work at all... (i'm on snapshot)

actually, I really think that this feature has to be native in Vivaldi settings, it woul be awesome

thanks everyone for your answer

A Former User

@remi-flores The question is what is the exact code you tried. At the end of the thread is something changing the icon, somewhere else a multi-row thingy…

remi.flores

@potmeklecbohdan
i tried this one that is supposed to answer the needs of the guy who asked for help ^^
but it does nothing

.tab-strip {
    display: flex;
    flex-direction: row;
}
.tab-position {
    position: relative !important;
    flex: 1 1 100px !important;
    left: auto !important;
    top: auto !important;
}

#tabs-container .newtab {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

A Former User

@remi-flores Yay! That’s much better now. This code should work, but has issues with a lot of tabs (I don’t have a solution for it yet). (FYI, I made this before writing my last post, but wanted you to show the exact code )

#tabs-container.top .tab-strip,
#tabs-container.bottom .tab-strip {
    display: flex;
    flex-direction: row;
}
#tabs-container.top .tab-strip > span,
#tabs-container.bottom .tab-strip > span {
    flex: 1 1 0 !important;
}
#tabs-container.top .tab-position,
#tabs-container.bottom .tab-position {
    width: 100% !important;
    position: unset !important;
}
#tabs-container.top .newtab,
#tabs-container.bottom .newtab {
    position: unset !important;
}

remi.flores

@potmeklecbohdan

oh this so nice !! it works perfectly.

remi.flores

@potmeklecbohdan
tab stacking isn't working though right ?

A Former User

@remi-flores Nothing that uses D&D works. Vivaldi assumes the width it defined & not what some CSS rules did.

luetage

@potmeklecbohdan Works until the tabs-container overflows, because of missing calculated width of individual tabs.
@remi-flores Messing with tabs is quite hard on Vivaldi, you will almost always lose some functionality or have some things displaying weirdly. Turn off tab-thumbnails for good measure.