FIREFOX 94 - diskuze, řešení problémů

[stani]

Provedl jsem novou reinstalaci, ale narazil jsem na jednu věc: ačkoli mám nastaveno about:config > browser.tabs.insertAfterCurrent > false - tedy Otevírání nových panelů napravo od toho posledního, tak když mám otevřeny např. dva panely, z toho druhého otevřu nový odkaz v novém panelu - tak se správně otevře jako nový zcela napravo, ale když otevřu nový panel z toho prvního, tak se otevře napravo od toho prvního (tedy je nyní v pořadí druhý), ale já bych potřeboval aby se otevřel napravo za ostatními jako poslední, atd.
Jak na to?

-------------
Editace: tak jsem to už našel, bylo to už trochu zastrčené. Třeba se to bude také někomu hodit.

[stani]

Jiná věc: nějak se nedaří odlišit neaktivní panely, tak nějak splývají, není to jako dřív.

Přitom jsem použil v userChrome.css ten samý kod jako předtím:

Kód: Vybrat vše

/* Skryti favikony, nazvu webu, oddelovace a akci */
        .urlbarView-favicon,  .urlbarView-type-icon, /*.urlbarView-title,*/ .urlbarView-title-separator, .urlbar-result-action-visit, .urlbarView-action {
            display: none !important;
          }

    .tabbrowser-tab:not([visuallyselected="true"], [multiselected]) .tab-background, .tabbrowser-tab:-moz-lwtheme .tab-background {
        background-color: gainsboro !important;
    }

    .tabbrowser-tab:not([visuallyselected="true"], [multiselected]) /*, .tabbrowser-tab:-moz-lwtheme*/ {
        color: black !important;
    }

    :root[lwtheme-image]:-moz-lwtheme-brighttext {
        text-shadow: none !important;
    }

[milsimr]

Imo s tímhle bych se obrátil na support Mozilly.

[stani]

Tak zatím je to nevyřešeno, má někdo prosím radu?

[r34ktor]

Tady máš online generátor stylů: https://www.userchrome.org/firefox-89-s ... on-ui.html

Hotová řešení:

Ohraničení neaktivních panelů čarami

Kód: Vybrat vše

/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 4px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) !important;
}

/* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important;
}
[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Inactive tabs: Outline style */

.tab-background {
    --context-line-margin-adjust: 4px; /* 1/16/2022 */
    --context-line-active-adjust: 0px; /* 1/16/2022 */
}
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    border: 1px solid rgba(0, 0, 0, .20) !important;
    /* To pick up a theme background tab separator color, un-comment the following line: */
    /* border: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important; */
}
    /* For dark backgrounds */
[brighttext="true"] .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    border: 1px solid var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20)) !important;
    /* To pick up a theme background tab separator color, un-comment the following line: */
    /* border: 1px solid var(--lwt-background-tab-separator-color, var(--lwt-selected-tab-background-color, rgba(255, 255, 255, .20))) !important; */
}
/* Remove extra padding between tabs */
.tabbrowser-tab:not(:first-of-type) {
    padding-left: 0 !important;
}

/*** Audio Playing / Mute Button side-by-side when sound is playing ***/

#TabsToolbar {
    --user-mute-button-height: 20px;  /* default size is 12px, site icon is 16px */
}

/* Move the mute/unmute button to the right and enlarge it */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) {
    width: var(--user-mute-button-height) !important;
    height: var(--user-mute-button-height) !important;
    margin-left: calc(var(--user-mute-button-height) / 2 + 2px) !important; /* pushes icon to the right */
    margin-right: 2px !important; /* closes up some space before the text */
    padding: 0 !important; /* allows icon to expand to full size */
}

/* Move the site icon to the left a bit and adjust position */
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
    margin-left: -4px !important; /* pushes icon to the left */
    margin-top: calc((var(--user-mute-button-height) - 16px) / 2) !important;  /* keep site icon reasonably positioned */
}

/* Override the rules for hover/not hover visibility */
   /* for mute button */
.tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]),
   /* for site icon */
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay),
   /* for site icon with Compact density */
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
    opacity: 1 !important; /* overrides full transparency with full opacity */
}

/* Color the icon on hover for confirmation or avoidance */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]):hover {
    fill: green !important;
}
[lwthemetextcolor="bright"] .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]):hover {
    fill: lightgreen !important; /* for dark themes */
}

/* Tweak Options as of 1/12/2022; Generated Thu Feb 17 2022 09:30:25 GMT+0100 (Středoevropský standardní čas) */

Zvýraznění neaktivních panelů podbarvením

Kód: Vybrat vše

/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 4px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) !important;
}

/* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important;
}
[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Inactive tabs: Shadow style */

.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    background-color: color-mix(in srgb, currentColor 5%, transparent);
}

/*** Audio Playing / Mute Button side-by-side when sound is playing ***/

#TabsToolbar {
    --user-mute-button-height: 20px;  /* default size is 12px, site icon is 16px */
}

/* Move the mute/unmute button to the right and enlarge it */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) {
    width: var(--user-mute-button-height) !important;
    height: var(--user-mute-button-height) !important;
    margin-left: calc(var(--user-mute-button-height) / 2 + 2px) !important; /* pushes icon to the right */
    margin-right: 2px !important; /* closes up some space before the text */
    padding: 0 !important; /* allows icon to expand to full size */
}

/* Move the site icon to the left a bit and adjust position */
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
    margin-left: -4px !important; /* pushes icon to the left */
    margin-top: calc((var(--user-mute-button-height) - 16px) / 2) !important;  /* keep site icon reasonably positioned */
}

/* Override the rules for hover/not hover visibility */
   /* for mute button */
.tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]),
   /* for site icon */
.tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay),
   /* for site icon with Compact density */
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]) > :not(.tab-icon-overlay) {
    opacity: 1 !important; /* overrides full transparency with full opacity */
}

/* Color the icon on hover for confirmation or avoidance */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]):hover {
    fill: green !important;
}
[lwthemetextcolor="bright"] .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted]):hover {
    fill: lightgreen !important; /* for dark themes */
}

/* Tweak Options as of 1/12/2022; Generated Thu Feb 17 2022 09:20:38 GMT+0100 (Středoevropský standardní čas) */

[stani]

Díky moc, ale je tam toho kodu teda dost hodně...

Potřeboval bych u toho Ohraničení neaktivních panelů čarami, kde se určuje tloušťka ohraničení a jeho barva...