aktiver Tab Linien

MarketMaker

Hallo

Ab FF 154 paßt meine CSS für die Tabs nicht mehr.

Beim aktiven Tab haut die Darstellung der Linie um den Tab nicht mehr hin und andere Linien sind dazugekommen.

Die Tabhöhe beim aktiven Tab ist bei näherer Betrachtung höher wie die anderen Tabs.

Hier mal CSS Code als Beispiel.

Die Tabs schweben bei mir über der unteren Grenze und es wird eine Multireihe benutzt, deshalb die Zeilen mit Tabhöhe.

Hat jemand eine Idee?

CSS

/* Tab-Höhe */

.tabbrowser-tab {
min-height:29px !important; 
max-height: 29px !important;
    
     
margin-top: 10px !important; 
margin-bottom: 9px !important; 

vertical-align: bottom !important;
    
margin-Left: 14px !important; 

}

#main-window .tabbrowser-tab [selected]
{
box-shadow:0px 0px 0px 1px rgba(0,0,250, 0.99) , 0px 0px 0px 0px rgba(200,200,200,0) /*inset*/ !important;
background-image: linear-gradient( rgba(145,45,45, 1), rgba(145,45,45,1) ), none !important; }

#main-window .tabbrowser-tab:not([selected]):hover
{
box-shadow:0px 0px 0px 1px rgba(0,250,0, 0.99) , 0px 0px 0px 0px rgba(200,200,200,0) /*inset*/ !important;
background-image: linear-gradient( rgba(45,45,45, 1), rgba(45,45,45,1) ), none !important; }

#main-window .tabbrowser-tab:not([selected])
{box-shadow:0px 0px 0px 1px rgba(250,0,0, 0.99) , 0px 0px 0px 0px rgba(200,200,200,0) /*inset*/ !important;
background-image: linear-gradient( rgba(45,45,45, 1), rgba(45,45,45,1) ), none !important; 
}

Alles anzeigen