Aktiver Tab - blaue Leiste

Collabs

Hallo!

Wie bekomme ich die blau Leiste am oberen Rand weg wenn der Tab grade ausgewählt ist?

hier meine CSS:

CSS

@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    background:  #F9F9FA !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-min-height: 35px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 35px !important; 
    }
       
/*.tabbrowser-tab:not([selected="true"]){*/
.tabbrowser-tab:not([selected]) {
    background: rgb(249,249,250) !important;
    border: 1px solid black !important;
    color: black !important;
    border-radius: 8px !important;
    }

.tab-background[selected] {
    background: rgb(249,249,250) !important;
    border: 1px solid black !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    }

#tabs-newtab-button {
    margin-left: 5px !important;
    padding: -10px !important;
    fill: rgb(0,0,0) !important;
    background-color: rgb(187,187,187) !important;
    border-radius: 8px !important;
    }

.tab-close-button {
    display: none !important;
    }

.tabbrowser-tab:hover .tab-close-button {
    display: block !important; 
    }
}

Alles anzeigen

2002Andreas

Teste bitte mal:

CSS

.tab-line { 
  display: none !important;
  }

Collabs

Ja funktioniert danke

jetzt hab ich am rechten Rand vom Tab noch so eine unschöne Linie aber nur wenn der Tab ausgewählt ist

wie bekomm ich die weg?

2002Andreas

Teste bitte wieder:

CSS

.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px !important;
    border-left: 0px solid !important;
    border-image:none !important;
    border-image-slice: 0 !important;
    width: 0px !important;
    box-sizing: border-box;
    opacity: 0!important;
    }

Collabs

funktioniert auch danke

Wie bekommt man beim aktiven Tab (am Bild rechts) die untere Linie weg?

2002Andreas

Meinst du das so?

Wenn ja, dann musst du in diesem Teil vom Code:

CSS

.tab-background[selected] {
    background: rgb(249,249,250) !important;
    border: 1px solid black !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    }

Den Eintrag:

CSS

 border: 1px solid black !important;

gegen:

CSS

 border-top: 1px solid black !important;

austauschen.

Aktiver Tab - blaue Leiste

Ähnliche Themen

Ansicht "Erweiterungen verwalten"

Update auf FX 72.0 - Tabs verändert - Lesezeichen verschwunden?