Mit dieser userChrome.css stellt sich die Text-Breite im Tab so dar
[Blockierte Grafik: https://www2.pic-upload.de/img/34755229/A2.jpg]
Der Text wird rechts und links sehr begrenzt.
Habe in der userChrome.css schon Werte verändert, aber den gewünschten Effekt habe ich nicht hinbekommen.
Dann ist mir aufgefallen, dass es bei mehrreihigen Tabs diesen Effekt gibt
[Blockierte Grafik: https://www2.pic-upload.de/img/34755237/Bewegt.gif]
Aktiv ist ein Tab in der 1. Reihe und ich fahre mit der Maus über einen unteren inaktiven Tab. Dann verändert sich die Höhe des Tabs.
Das passiert aber nur, wenn ein Tab in der 1. Reihe aktiv ist und in der Tab in der zweiten Reihe inaktiv.
Welche Werte müssten verändert werden?
CSS
/*Die Reihenfolge der Leisten im Leisten-Container*/
#toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}
#nav-bar {
-moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
-moz-box-ordinal-group: 4 !important;
}
/*LZ-Symbolleiste 2-Reihig*/
#personal-bookmarks {
display: block;
}
#personal-bookmarks #PlacesToolbar {
display: block;
min-height: 0px;
overflow-x: hidden;
overflow-y: auto;
max-height: 999px;
}
#personal-bookmarks #PlacesToolbar > hbox {
display: -moz-stack !important;
left: 0px;
right: 0px;
width: 100%;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
overflow-x: visible;
overflow-y: visible;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
display: block;
}
#personal-bookmarks #PlacesToolbar > .bookmark-item{
visibility: visible !important;
}
#personal-bookmarks #PlacesToolbar .chevron{
display: none;
}
#personal-bookmarks #PlacesToolbar > hbox > hbox{
overflow-x: hidden;
overflow-y: hidden;
}
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
display: none;
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
padding-top: 4px;
padding-bottom: 4px;
/*margin-left: -4px !important;
padding-right: 9.5px !important;*/
}
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
padding-top: 1px !important;
padding-bottom: 1px !important;
/*-moz-padding-start: 4px;
-moz-padding-end: 2px;*/
}
#personal-bookmarks #PlacesToolbar toolbarseparator{
-moz-appearance: none !important;
visibility: visible !important;
display: inline;
text-shadow: none !important;
border-left: 3px solid ThreeDShadow !important;
border-right: 3px solid ThreeDHighlight !important;
vertical-align: middle;
}
#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
-moz-appearance: toolbarbutton;
}
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar):not(#TabsToolbar) {
max-height: 999px !important;
}
/*Ordnerfarbe*/
/* Lesezeichen Sidebar - Ordnericon stehend blau */
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/history/history-panel.xul") {
treechildren::-moz-tree-image(container) {
list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNkoBAwgoiaRc82sTH99wWx//9nfPPq0yePqdkaZ4k2IG/hvf0sTP8dYIL/IQbh1fjnH8POKQlKHow1Cx+WfPr7J/Mfwz8lUpzOxMB0j5+FZTqjetrtR4zMDGJAt7CT5Pn/DD///2V4xSiT/fTaP0ag7Yz/STSA8SfTf6Z7jNJFb0/9+v9Xj4HxH4kGMP1kY2S+xKhZ93Hfjz+/rYAipBnAwPiTg4X1GKNF55dNX3/9dgcawEaiAb+42Fh3MrpP/b7s0/dfwcB4I80ARsZfvJxsaxnDF/6a9f7Lr4T///+xkqaf6bcAN9sCxrQ1f/tef/iZ+///fxbSDGD8I8zHPpnRqfxI4yc2jVoGaKokAfzn+X2nGWgQkwTQ+YZAAWYSDfjLyMR8nlRbMb1CqQEACmp1y80wWngAAAAASUVORK5CYII=')
!important; }
}
/* Lesezeichen verwalten - Ordnericon stehend blau */
@-moz-document url-prefix("chrome://browser/content/places/places.xul") {
treechildren::-moz-tree-image(container) {
list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNkoBAwgoiaRc82sTH99wWx//9nfPPq0yePqdkaZ4k2IG/hvf0sTP8dYIL/IQbh1fjnH8POKQlKHow1Cx+WfPr7J/Mfwz8lUpzOxMB0j5+FZTqjetrtR4zMDGJAt7CT5Pn/DD///2V4xSiT/fTaP0ag7Yz/STSA8SfTf6Z7jNJFb0/9+v9Xj4HxH4kGMP1kY2S+xKhZ93Hfjz+/rYAipBnAwPiTg4X1GKNF55dNX3/9dgcawEaiAb+42Fh3MrpP/b7s0/dfwcB4I80ARsZfvJxsaxnDF/6a9f7Lr4T///+xkqaf6bcAN9sCxrQ1f/tef/iZ+///fxbSDGD8I8zHPpnRqfxI4yc2jVoGaKokAfzn+X2nGWgQkwTQ+YZAAWYSDfjLyMR8nlRbMb1CqQEACmp1y80wWngAAAAASUVORK5CYII=')
!important; }
}
/* Lesezeichen - Ordnericon blau */
@-moz-document url-prefix("chrome://browser/content/browser.xul") {
.bookmark-item[container="true"] {
list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABNElEQVR42mNkoBAwgoiaRc82sTH99wWx//9nfPPq0yePqdkaZ4k2IG/hvf0sTP8dYIL/IQbh1fjnH8POKQlKHow1Cx+WfPr7J/Mfwz8lUpzOxMB0j5+FZTqjetrtR4zMDGJAt7CT5Pn/DD///2V4xSiT/fTaP0ag7Yz/STSA8SfTf6Z7jNJFb0/9+v9Xj4HxH4kGMP1kY2S+xKhZ93Hfjz+/rYAipBnAwPiTg4X1GKNF55dNX3/9dgcawEaiAb+42Fh3MrpP/b7s0/dfwcB4I80ARsZfvJxsaxnDF/6a9f7Lr4T///+xkqaf6bcAN9sCxrQ1f/tef/iZ+///fxbSDGD8I8zHPpnRqfxI4yc2jVoGaKokAfzn+X2nGWgQkwTQ+YZAAWYSDfjLyMR8nlRbMb1CqQEACmp1y80wWngAAAAASUVORK5CYII=')
!important;
-moz-image-region: rect(0px 16px 16px 0px) !important; }
/*Adressleiste bereinigen*/
#urlbar-zoom-button,
#pageActionButton,
.urlbar-history-dropmarker {
display:none!important;
}
/*LZ-Menü: Diese Seite ausblenden*/
menu#subscribeToPageMenupopup{
display:none!important;
}
/*Chronik ausblenden*/
menu#history-menu{
display:none!important
}
/*Schließkreuz TAB ausblenden*/
.tab-close-button{
display:none!important;
}
/*Kontextmenü Tab*/
#context_reloadTab,
menuitem[label="Tab stummschalten"],
menuitem[label="In neues Fenster verschieben"],
#context_sendTabToDevice,
#context_reloadAllTabs,
#context_bookmarkAllTabs,
#context_closeTabsToTheEnd,
#context_undoCloseTab,
#context_closeTab,
#tabContextMenu > menuseparator:nth-child(3),
#context_sendTabToDevice_separator,
#tabContextMenu > menuseparator:nth-child(10),
#tabContextMenu > menuseparator:nth-child(16),
#tabContextMenu > menuseparator:nth-child(15),
window#main-window popupset#mainPopupSet menupopup#tabContextMenu menuseparator{
display:none!important
}
#context_closeOtherTabs{
-moz-box-ordinal-group: 1 !important;
}
#context_duplicateTab{
-moz-box-ordinal-group: 2 !important;
}
#context_pinTab{
-moz-box-ordinal-group: 3 !important;
}
/*Einträge LZ-Menü ausblenden*/
#menu_bookmarkThisPage ,
#subscribeToPageMenupopup ,
#bookmarksToolbarFolderMenu ,
#organizeBookmarksSeparator ,
#bookmarksToolbarSeparator ,
#bookmarksMenuItemsSeparator ,
#menu_unsortedBookmarks {
display: none !important;
}
/*Tab-Aussehen verändern*/
/* TAB normal (inaktiv):
* Hintergrundfarbe, Schriftfarbe,
* Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
*/
#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
border:none!important;}
#TabsToolbar .tabbrowser-tab {
color: black !important;
border: 1px solid !important;
border-bottom: 1px solid black!important;
background: #ffffff !important; /* weiß für inaktive Tabs*/
border-radius: 5px 5px 0 0 !important;
margin: 2px 1px 1px 2px !important;
padding: 1px 0 !important;
}
/* TAB bei Mauskontakt:
* Hintergrundfarbe, Rahmen
*/
#TabsToolbar .tabbrowser-tab:hover {
color: black !important;
}
/* TAB bei bei angewähltem TAB (aktiv):
* Hintergrundfarbe, Rahmen,
* Schriftfarbe.
*/
#TabsToolbar .tabbrowser-tab[selected="true"] {
background: #fe3858 !important;
/*font-weight:bold !important;*/
color: white ! important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.
*/
#TabsToolbar .tab-icon-image {
height: 18px !important;
width: 18px !important;
margin-left: 5px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
*/
#TabsToolbar .tab-close-button {
margin-right: -4px !important;
padding: 0 !important;
color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
height: 20px !important;
width: 20px !important;
background-color: red !important;
border-radius: 5px !important;
}
/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
* Hintergrundfarbe.
*/
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
background-color: red !important;
}
/* Alle anderen Elemente in den TABs ohne Hintergrund.
*/
#TabsToolbar .tabbrowser-tab * {
background: none !important;
}
/*Alle in Tabs öffnen ausblenden*/
menuitem.openintabs-menuitem,
.bookmarks-actions-menuseparator{
display:none!important
}
/*Kontextmenü Webseiten*/
#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}
#context-navigation > .menuitem-iconic {
margin-left:5px!important;
max-width:5px!important;
}
#uc_menu_close_tab{
margin-left:-10px!important;
-moz-box-ordinal-group: 0!important;
}
/*Lesezeichenmenü "Diese Seite abonnieren" ausblenden*/
#subscribeToPageMenupopup , #subscribeToPageMenuitem {
display: none !important;
}
/*Link in Statusleiste anzeigen*/
.statuspanel-label{
border:none!important;
background:transparent!important;
color: black !important;
}
statuspanel {
border:none!important;
margin-top:-15px!important;
}
/*Farbe in Statusleiste anzeigen*/
#new-toolbar-vbox {background: #D4D0C7}
/*Lesezeichenmenü schmaler*/
#bookmarksMenuPopup{
width:180px!important; }
/*Hamburger 3 Striche ausblenden*/
#PanelUI-button {
display: none;
}
/*Schließen, Minimieren, Maximieren ausblenden*/
#main-window #titlebar-min,
#main-window #titlebar-max,
#main-window #titlebar-close {
display: none !important;
}
/*Tab-Schatten entfernen*/
.tab-label-container {mask-image: none !important}
/*Reihenfolge Kontextmenü Webseiten*/
#context-stop,
#context-reload,
#context-bookmarkpage{
-moz-box-ordinal-group: 0 !important;
}
}
/*Tab-Höhe verringern*/
.tabbrowser-tab{
max-height: 30px!important;
-moz-box-flex: 0!important;
width: 128px!important;
}
:root {
--tab-min-height: 30px !important;
}
.tab-stack {
width: 90%!important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex!important;
flex-wrap: wrap!important;
overflow-y: auto !important;
min-height: var(--tab-min-height);
max-height: calc(5*var(--tab-min-height)) !important; /* 5 rows */
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow: visible!important;
display: block!important;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
Alles anzeigen