Skip to content
This repository has been archived by the owner on Sep 9, 2022. It is now read-only.

Adding a small tab mode #3

Open
smaldragon opened this issue Jan 17, 2014 · 11 comments
Open

Adding a small tab mode #3

smaldragon opened this issue Jan 17, 2014 · 11 comments
Assignees

Comments

@smaldragon
Copy link

I think this add-on should have the option to have a small tab mode.

@Faleij
Copy link
Owner

Faleij commented Jan 17, 2014

Please elaborate more on what "small tab mode" would do. What would change about the tabs? If you could, please produce a composite image of how it would look.

@smaldragon
Copy link
Author

By adding a small tab mode I meant adding the option to make the tabs smaller (arround the size they used to be before Australis), this is achievable through the following CSS code.

#TabsToolbar {
max-height : 28px !important;
border-bottom: 2px solid #A0A0A0 !important;
margin-top: -5px !important;
}

It is not perfect (the line I'm drawing bellow the tab bar has some problems regarding how it looks with custom themes) but I think It could be something worth working on.
australis

@ghost ghost assigned Faleij Jan 17, 2014
Faleij pushed a commit that referenced this issue Jan 17, 2014
@Faleij
Copy link
Owner

Faleij commented Jan 17, 2014

I have such weird things happening with trying to get this to work so I am gonna put off with uploading a new version for the moment - to mozilla, but I have upload the latest build to github, feel free to try it: https://github.com/Faleij/Australis-Slimmr/raw/master/australis-slimmr.xpi

@smaldragon
Copy link
Author

I would like to work on the css code for the small tab mode.

@Faleij
Copy link
Owner

Faleij commented Jan 18, 2014

Just noticed that you need to have activated the menubar once for this "small tabbar" to look as it should.
How it's supposed to look: img

You can work on it as much as you would like, it's in "data/css/smallTabbar.css", building info is in readme or on the frontpage for this repo.

@smaldragon
Copy link
Author

Well the margin-top is set to -15px, maybe that is why it isn't looking good? It should be set to a bigger value like -5px or else the tabs will be out of screen.

@Faleij
Copy link
Owner

Faleij commented Jan 18, 2014

They won't be out of screen if you have activated the menubar at least once by pressing alt, which is so weird.

@smaldragon
Copy link
Author

I think I managed to fix the tab, here is my code for smallTabbar.css :

#TabsToolbar {
max-height : 27px !important;
border-bottom: none !important;
margin-top: -5px !important;
padding-bottom: 1px !important;
}

#toolbar-menubar {
z-index: 1000 !important;
position: absolute;
}

The only problem with this is that the tabs are automatically at the top of the window if the window is not maximized even if the tabs in titlebar option is not selected.

@Faleij
Copy link
Owner

Faleij commented Jan 18, 2014

That is not doing it. Menubar non-activated vs activated:
img
This issue won't be resolved until they both look the same, I will continue to work on it tomorrow.

@smaldragon
Copy link
Author

I am not sure if It is completely solved (the individual new tab button that appears when tabs are overflowing is not aligned with the regular one and there is also a white line appearing bellow the currently selected tab) but here is my solution to this issue at https://github.com/smaldragon/Australis-Slimmr/raw/master/australis-slimmr.xpi

capturar
capturar1

@bohrshaw
Copy link

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants