funktioniert auch danke
Wie bekommt man beim aktiven Tab (am Bild rechts) die untere Linie weg?
Beiträge von 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?
-
Hallo!
Wie bekomme ich die blau Leiste am oberen Rand weg wenn der Tab grade ausgewählt ist?
hier meine CSS:
CSS
Alles anzeigen@-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; } } -
sieht jetzt so aus:
wie mache ich die linie mit der tab bottom linie bündig?
-
diese linie fehlt mir noch, hab die jetzt nur dazu gezeichnet damit man weiß was ich meine
bei den tabs ist die linie vorhanden, den restlichen weg auf die rechte seite aber nicht
war schon auf true
-
ja die tableiste soll wieder unter die lesezeichen leiste, das ganze hat sich durch das update rauf geschoben
hier meine css:
CSS
Alles anzeigen@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* TABS on bottom */ #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) { -moz-box-ordinal-group: 10; } #TabsToolbar { -moz-box-ordinal-group: 1000 !important; } #TabsToolbar { display: block !important; position: absolute !important; bottom: 0 !important; width: 100vw !important; } #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox { padding-bottom: var(--tab-min-height) !important; } #tabbrowser-tabs { width: 100vw !important; } #TabsToolbar #window-controls { display: none !important; } #TabsToolbar { background: #F9F9FA !important; } /*Höhe und Abstand der Tableiste */ #TabsToolbar { /* border-top: 1px solid black !important; */ border-bottom: 1px solid black !important; min-height: 10px !important; padding-top: 0px !important; -moz-padding-start: 5px !important } /*.tabbrowser-tab:not([selected="true"]){*/ .tabbrowser-tab:not([selected]) { background: rgb(187,187,187) !important; border: 1px solid black !important; color: black !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; } .tab-background[selected] { background: rgb(249,249,250) !important; border: 1px solid black !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; font-weight: bold !important; } /*beseitigt störende Flächen am Rand des aktiven Tabs*/ .tabbrowser-tab[selected] { background: rgb(249,249,250) !important; border-top: 1px rgb(50,50,52) !important; border-right: 1px rgb(50,50,52) !important; } .tab-label { -moz-box-flex: 1 !important; text-align: left !important; } .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; } /* tab_titles_remove_blur - beseitigt unscharfen Tabtitel am rechten Rand */ .tab-label-container[textoverflow]:not([pinned]) { mask-image: unset !important; } .tab-line { display: none !important; } .tab-close-button { display: none !important; } .tabbrowser-tab:hover .tab-close-button { display: block !important; } .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]), .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) { mask-image: none !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; } -
da hab ich wohl durch herumprobieren vergessen die Zeile zu löschen
-
probier das mal
CSS
Alles anzeigen/*.tabbrowser-tab:not([selected="true"]){*/ .tabbrowser-tab:not([selected]) { background: rgb(187,187,187) !important; border: 1px solid black !important; color: black !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; } .tab-background[selected] { background: rgb(249,249,250) !important; border: 1px solid black !important; border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; font-weight: bold !important; } -
Seit Update auf 72.0.1 sieht die Tableiste so aus.
Welche Werte muss ich in der userChrome.css ändern damit das wieder normal aussieht?
-
jetzt funktionierts, danke!
-
Letzte Zeile im Code die Farbe ändern.
passiert leider nichts, bleibt gleich grau
Ja. Dazu mußt du die beiden folgenden Code-Blöcke in deinem Code austauschen:
damit werden alle ecken eckig
-
Hat soweit alles super funktioniert, danke!
Geht es auch nur die oberen Ecken der Tab buttons abzurunden?
Wie ändert man die Farbe des "Neuer Tab"-Buttons?
-
Danke!
Welche Farbe müsste ich eintragen damit der Grauton so aussieht wie rund um die Adressleiste? "lightgrey" passt nicht so ganz
Ist es möglich die Tab buttons (so nenn ich sie mal) etwas abzurunden?
Ist die Leezeichen-Symbolleiste auch zweireihig möglich?
mfg
-
Wie macht man die Tableiste grau anstatt blau?
