Coder Social home page Coder Social logo

Comments (9)

gomita avatar gomita commented on August 15, 2024 1

Try out new version 0.20b2.
https://addons.mozilla.org/firefox/addon/visualtab/versions/

from visualtabs.

gomita avatar gomita commented on August 15, 2024 1

Ver.0.20 has been released.
Now new tabs are moved at the top, not only when you open via CTRL+T, but also via Bookmarks, History, Home button.

from visualtabs.

gomita avatar gomita commented on August 15, 2024

Thanks for your request.
It's easy to implement but there is a problem.
If you have pinned tabs, the order of tabs is like:
[+ new tab]
[pinned tab 1]
[pinned tab 2]
[pinned tab 3]
---------------<the position where the new tab is opened
[normal tab1]
[normal tab2]
[normal tab3]

from visualtabs.

fabioromeo avatar fabioromeo commented on August 15, 2024

Hi, do you use CSS to style the bar? Maybe it could be done with "order" command:
.tab.pinned {order: 1;}
.tab {order:2;}
I've seen some add-ons use something like that, like this one: https://framagit.org/ariasuni/tabcenter-reborn/-/wikis/home

from visualtabs.

fabioromeo avatar fabioromeo commented on August 15, 2024

I kinda managed to get I wanted with an ugly hack: the new tabs and the new tab button shows on top. The issue now is to put the pinned tabs at the top, and below the + button. I also have no idea how to make this an option...

#container {
	display: flex;
	flex-direction: column-reverse;
	max-height: 100vh;
}

#tabList {
	overflow-x: hidden;
	overflow-y: auto;
	flex-direction: column-reverse;
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}
.tab {
	position: relative;
	border-bottom: 1px solid var(--separator-color);
	padding: 2px;
	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
}

.tab[pinned] .title .thumbnail {
display:none;
}

.tab[pinned]  {
  width: 33px;
  margin: 0 auto;
  float:left;
  order: 0;
}

.tab {
	float:left;
	width: 100%;
}

from visualtabs.

fabioromeo avatar fabioromeo commented on August 15, 2024

This works beautifully, thanks a million!

from visualtabs.

gomita avatar gomita commented on August 15, 2024

Ver.0.20b3 has been released.
I added 'Close tabs to top' menu.

from visualtabs.

fabioromeo avatar fabioromeo commented on August 15, 2024

I just notice that, while the new tabs from the "+" buttons does appears at the top, if I use the keyboard shortcut CTRL+T the new tab shows at the bottom of the list.

from visualtabs.

fabioromeo avatar fabioromeo commented on August 15, 2024

This last version solved everything I needed. Thank you very much!

from visualtabs.

Related Issues (16)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.