Firefox wie Chrome aussehen lassen. Winkel der Kanten verändert sich (CSS)

flyingbird80

Newbie
Dabei seit
Dez. 2018
Beiträge
7
Hallo,

da google leider das Browserdesign gewechselt hat, habe ich mir die alte Chrome Tableiste im Firefox nachgebaut. Es gibt nur ein Problem der Winkel der angeschräkten Tabkante ändert sich jenachdem wieviele Tabs offen sind.
saber1.PNG


saber2.PNG


Hat jemand eine Idee wie man das verhindern kann?

CSS:
body {
    border:none !important;
}
.tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox {
    padding-inline-start: 10px !important;
}
.tabbrowser-tab::before,.tabbrowser-tab::after {
    border: none !important;
}
.titlebar-placeholder {
    border: none !important;
}
.titlebar-spacer {
    border: none !important;
}
.titlebar-placeholder {
    border: none !important;
}
.titlebar-spacer {
    border: none !important;
}
/* Remove unneeded styles from Photon */
.tab-background[selected="true"] {
    pointer-events: none !important;
}
.tab-line {
    display: none !important;
}
.tab-bottom-line {
    display: none !important;
}
/* Match height of new tab button (right svg) on hover */
.tabs-newtab-button {
    margin: 0 !important;
}
/* Remove blue animation on tab on page load complete */
.tab-loading-burst {
    display: none !important;
}
/* Begin tab background customizations */
#new-tab-button,.tabs-newtab-button {
    width: calc(36px + 30px) !important;
    margin-inline-start: -10px !important;
    margin-top: 1px !important;
}
.tab-background {
    outline: 1px solid transparent;
    min-height:27px;
    -moz-margin-end: 1px !important;
    -moz-margin-start: 1px !important;
    /*webkit-clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
    */
    -webkit-transform: perspective(100px) rotateX(20deg) !important;
    -moz-transform: perspective(100px) rotateX(20deg) !important;
    background-color:#cfcfcf;
    border:1px solid #9b9b9b /*#525252*/
    /*#2eb9ce*/
    !important;
    border-bottom:0px solid #2eb9ce !important;
}
.tabs a:hover {
    background-color: #2A2E34 !important;
}
.menubar-text,.tabbrowser-tab:not([selected="true"]) .tab-label{
    color: black !important;
}
 

maikwars

Lt. Commander
Dabei seit
Juni 2008
Beiträge
1.579
Und deswegen änderst du das Design im Firefox?! Was?!
 
Zuletzt bearbeitet:
Top