I'm personally adding that code for a smooth transition, so I don't want to remove it.
I forgot to mention that I'm testing the code in Developer-edition new changes arrived there. I will check if other of my code, with the code posted here, makes the issue happens.
.tab-group-label {
#tabbrowser-tabs[orient="vertical"][expanded] & {
width: 100% !important;
text-align: start !important;
}
}
Seems like other code combined with this are incompatible (with a tab with sound) in my particular case, first I have to figure it out what of my other code is in conflict, rare all this situation. With your latest code, the issue persist.
decrease the maximum width
Exactly, the default is so large, like a sausage.
I don't know why that happens, but the problem persists, I delete that code block and the problem disappear. I'm in Windows 10 with Firefox-developer-edition 141.0b3, maybe other code is doing that? Or in combination with another thing, how to know. Here is a video with the issue: https://imgur.com/a/2ZLIYVp
Using Firefox-developer-edition
hi,
I need help with this new Firefox Feature, seems like the sound tabs get larger when the user is moving any tab. I tried to reach the code, but I can't, I want the 'sound-Tab' to keep the width.
Update: Seems like this code is causing it, maybe there is another way to set a max width?
@media not -moz-pref("sidebar.verticalTabs") {
#tabbrowser-arrowscrollbox[orient="horizontal"] {
/* Horizontal tab size for ungrouped tabs */
&>.tabbrowser-tab[fadein]:not([style^="max-width"]) {
max-width: 168px !important;
}
/* Horizontal tab size for grouped tabs */
&>tab-group:not([collapsed]) .tabbrowser-tab[fadein]:not([style^="max-width"]) {
max-width: 168px !important;
}
}
}
Wow, I don't know how it works but works, I will research 'CSS container', to learn. I appreciate your help. ๐
Hi, By default, I set the tab-close-button always visible, to use it like a tab-separator, but I would like to remove the tab-close-button when the tab gets smaller than some specific size. For example, in the image I attached, I would like to remove the close button but when the tab gets a little bigger the close button should appear. I used this code to make the tabs smaller that default:
.tabbrowser-tab {
&:not([pinned]) {
#tabbrowser-tabs[orient="horizontal"] &[fadein] {
--tab-min-width-pref: calc(16px + 2 * 10px + 2px) !important; !important;
--tab-min-width: var(--tab-min-width-pref) !important;
}
}
}
So, It is possible to remove the close button when the tab size is smaller than 50px or something like that?
Excellent, thank you. ๐
I tested it and don't work for me, I said I was in Developer-edition, maybe in release version is different. Here is a video with the issue, the sidebar doesn't expand when it is on the right side: https://imgur.com/a/zqsWpqf
Thank you, I will add it immediately :)
Hi, for some reason when the sidebar-main is expanded there are 2 styles for 'tools-and extensions', when there are just a few icons they display in vertical, and when there are more than a few they display in horizontal, and I would like to have always the styles for 'tools-and-extensions' in horizontal when sidebar is expanded, even if there are just a few of icons. But I can't apply code when they are in 'vertical + sidebar expanded' and don't affect when the sidebar is collapsed.
Using Firefox-Developer-Edition
Hi, I would like to know how to apply this code only when sidebar is expanded:
.tools-and-extensions[orientation="vertical"] {
flex-direction: row !important;
}
I tried to use this before the previous code but didn't work: :root:has(sidebar-main[expanded])
I didn't be able to apply any style conditioning the sidebar expanded or not for any button inside .tools-and-extension, in the original code it seems to use :host but that didn't work, apparently.
hi, I notice the issue happens when the #sidebar-main is 'expanded', when collapsed the problem doesn't appear, I removed the code
gap: 0px !important;and that solve the issue, but that space between the buttons makes me nervous jeje I tried delete too that 'overflow' button to remove the 'flickering' but the problem persist.