Firefox Quatum - diskuze, řešení problémů

Online komunikátory, VoIP, webové prohlížeče, e-mailové klienty

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod stani 30. 5. 2019 19:58

Díky moc. :-)

Ještě jiná věc: proč se mi tady nezobrazí a nespustí to video, v Chrome normálně funguje (i když i tady mám uBlock)?..
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 30. 5. 2019 20:31

Video mi jede bez problémů. Zkoušel jsem i čistý profil včetně uBlocku s výchozí sadou filtrů, a taktéž OK.

Čili to způsobuje buď nějaký specifický filtr či pravidlo, nebo doplněk.
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod stani 13. 7. 2019 06:06

Zdravím,

právě se mě nainstaloval nový Firefox 68.0, ale bohužel zmizelo předchozí nastavení, hlavně nabídky v adresním řádku, viz diskuze zde.
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 7. 2019 09:52

Nová verze fungující ve FF68:

Kód: Vybrat vše
@-moz-document url(chrome://browser/content/browser.xul);

/* Panely pod adresnim radkem */
/* viz https://github.com/Aris-t2/CustomCSSforFx/tree/master/classic/css/tabs */

/* Zmena zobrazeni panelu */
    #TabsToolbar .tabs-newtab-button,
    #TabsToolbar .tabbrowser-tab,
    #TabsToolbar .tabbrowser-tab .tab-stack,
    #TabsToolbar .tabbrowser-tab .tab-background,
    #TabsToolbar .tabbrowser-tab .tab-content {
       border-top-left-radius: 8px !important;
       border-top-right-radius: 8px !important;
       border-width: 2px !important;
       border-color: #A9A9A9 !important;
       }

/* Skyryti linky nad panely */
    #TabsToolbar .tabbrowser-tab .tab-line {
       visibility: hidden;
       }

/* Skyti indikatoru zoomu */
    #urlbar-zoom-button { display: none !important; }

/* Skryti favikony, nazvu webu a oddelovace */
    .urlbarView-favicon, .urlbarView-title, .urlbarView-title-separator {
        display: none !important;
      }

/* Skryti "Navstivit" */
    #urlbarView-row-0 .urlbarView-secondary.urlbarView-action {
        display: none !important;
      }
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod stani 13. 7. 2019 10:19

Díky moc, adresní řádek vyřešen.

Ale panely jsou pořád nad adresním řádkem (viz příloha). Používám Windows 7.

f68.jpg
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 7. 2019 14:41

Panely pod adresním řádkem jsou v této verzi poněkud komplikovanější záležitost. Zkombinoval jsem a lehce upravil soubory od Arise. Stáhni si celý balíček a rozbal ho do složky chrome.

Pokud by ti nevyhovovaly zakulacené panely, lze vrátit hranaté změnou řádku
Kód: Vybrat vše
@import "./classic_squared_tabs_australized.css";

na
Kód: Vybrat vše
/* @import "./classic_squared_tabs_australized.css"; */

v userChrome.css.
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod stani 13. 7. 2019 15:21

Díky moc. Ale..

Mezi adresním řádkem a panely je dost velká mezera. Nové panely nejsou ohraničeny (vypadá to dost blbě).
ff2.jpg
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 7. 2019 15:37

Co se týče mezery, nemáš aktivovanou lištu záložek?

Zakulacená verze panely v základu oddělené nemá. Muselo by se to dodělat. Přepni na normální (viz výše).
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod stani 13. 7. 2019 15:51

Jo, díky za upozornění, měl jsem aktivovanou lištu záložek.

Ale kulaté záložky jsem měl předtím, a měly ohraničení, viz první screenshot na této stránce.
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 7. 2019 15:57

Modifikovaná verze classic_squared_tabs_australized.css s okraji neaktivních tabů:

Kód: Vybrat vše
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* NOTE  ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */

:root {
  --classic_squared_tabs_tab_height: 26px;
  --classic_squared_tabs_tab_default_loading_icon_color: #0A84FF;
  --classic_squared_tabs_active_tab: linear-gradient(to top,#f9f9fa,#f9f9fa,#f9f9fa);
  --classic_squared_tabs-border_size: 1px;
  --classic_squared_tabs-border1: #5f7181;
  --classic_squared_tabs-border2: #c5c2bb;
  --classic_squared_tabs-border-radius: 5px;
 
  --classic_squared_tabs-border_size2: calc( var(--classic_squared_tabs-border_size) + 1px ) !important;
  --tab-min-height: var(--classic_squared_tabs_tab_height) !important;
  --mltabs-newtab-height: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important;
  --tab-min-height_tnot: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
  --space_below_content: calc( var(--classic_squared_tabs_tab_height) + 1px ) !important;
}

/* adjust tab toolbars buttons for squared tabs *//*
#TabsToolbar #alltabs-button .toolbarbutton-icon,
#TabsToolbar > #new-tab-button .toolbarbutton-icon,
#TabsToolbar > toolbarpaletteitem > #new-tab-button .toolbarbutton-icon {
  padding: 3px !important;
}
*/
/*******************************************/
/**** default themes tab colors [start] ****/
/*******************************************/

/* black tab text color *//*
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  color: #000000 !important;
}

/* remove default tab colors */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
  background: unset !important;
}

/* default grey tabs */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
  background-image: linear-gradient(to top,transparent,transparent) !important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
  background-image: var(--classic_squared_tabs_active_tab) !important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
  background-image: linear-gradient(to top,transparent,transparent) !important;
}

/* unloaded tab */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab[pending] .tab-content {
  background-image: linear-gradient(to top,transparent,transparent) !important;
}

/* bold text on selected tab *//*
.tabbrowser-tab[selected="true"] {
  font-weight: bold !important;
}
*/

/* tab border color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content,
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover {
  border-top: var(--classic_squared_tabs-border_size2) solid var(--classic_squared_tabs-border1) !important;
  border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
  border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border1) !important;
}

#TabsToolbar .tabs-newtab-button {
  border-top: var(--classic_squared_tabs-border_size) solid transparent !important;
  border-left: var(--classic_squared_tabs-border_size) solid transparent !important;
  border-right: var(--classic_squared_tabs-border_size) solid transparent !important;
}

#TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]):not(:hover) .tab-content {
  border-top: var(--classic_squared_tabs-border_size2) solid var(--classic_squared_tabs-border2) !important;
  border-left: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important;
  border-right: var(--classic_squared_tabs-border_size) solid var(--classic_squared_tabs-border2) !important;
}


/*******************************************/
/***** default themes tab colors [end] *****/
/*******************************************/

/********************************************/
/******* lw-themes tab colors [start] *******/
/********************************************/

/* lightweight theme tab colors*/
.tabs-newtab-button:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):-moz-lwtheme-darktext .tab-content {
  background-image: linear-gradient(transparent, transparent) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-darktext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-darktext .tab-content {
  background-image: linear-gradient(transparent, transparent) !important;
}
.tabs-newtab-button:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):-moz-lwtheme-brighttext .tab-content {
  background-image: linear-gradient(transparent, transparent) !important;
}
.tabs-newtab-button:hover:-moz-lwtheme-brighttext,
.tabbrowser-tab:not([selected]):hover:-moz-lwtheme-brighttext .tab-content {
  background-image: linear-gradient(transparent, transparent) !important;
}

.tabbrowser-tab[selected]:-moz-lwtheme-darktext .tab-content {
  border-top: 1px solid rgba(0,0,0,.5) !important;
  border-left: 1px solid rgba(0,0,0,.4) !important;
  border-right: 1px solid rgba(0,0,0,.4) !important;
}
.tabbrowser-tab[selected]:-moz-lwtheme-brighttext .tab-content {
  border-top: 1px solid rgba(255,255,255,.6) !important;
  border-left: 1px solid rgba(255,255,255,.2) !important;
  border-right: 1px solid rgba(255,255,255,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext:hover,
.tabbrowser-tab .tab-content:-moz-lwtheme-darktext:hover {
  border-top: 1px solid rgba(0,0,0,.2) !important;
  border-left: 1px solid rgba(0,0,0,.2) !important;
  border-right: 1px solid rgba(0,0,0,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext:hover,
.tabbrowser-tab .tab-content:-moz-lwtheme-brighttext:hover {
  border-top: 1px solid rgba(255,255,255,.6) !important;
  border-left: 1px solid rgba(255,255,255,.2) !important;
  border-right: 1px solid rgba(255,255,255,.2) !important;
}
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-darktext:not([selected]):not(:hover),
.tabbrowser-tab .tab-content:-moz-lwtheme-darktext:not([selected]):not(:hover),
#TabsToolbar:-moz-lwtheme .tabs-newtab-button:-moz-lwtheme-brighttext:not([selected]):not(:hover),
.tabbrowser-tab .tab-content:-moz-lwtheme-brighttext:not([selected]):not(:hover) {
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}
/********************************************/
/******** lw-themes tab colors [end] ********/
/********************************************/

/* tab line & tab background*/
.tabbrowser-tab:-moz-lwtheme[selected] .tab-line[selected=true] {
  height: 0px !important;
}

.tabbrowser-tab > .tab-stack > .tab-background > .tab-line[selected=true],
.tabbrowser-tab:hover > .tab-stack > .tab-background > .tab-line:not([selected=true]) {
  background-color: rgba(0,0,0,.2);
  opacity: 0 !important;
}

.tabbrowser-tab .tab-background[selected=true] {
  border-image: unset !important;
  border-image-slice: 0 !important;
}

.tabbrowser-tab:not([selected]) .tab-background{
  display: none !important;
}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
  background-color: rgba(0,0,0,.0) !important;
}

/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content  {
  border-top-left-radius: var(--classic_squared_tabs-border-radius) !important;
  border-top-right-radius: var(--classic_squared_tabs-border-radius) !important;

}

/* loading animation color */
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:not([visuallyselected=true]) {
  --tab-loading-fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important;
}
.tab-throbber[busy]::before,
.tab-throbber[progress]::before {
  fill: var(--classic_squared_tabs_tab_default_loading_icon_color) !important;
}

/* space between tabs */
.tabs-newtab-button,
.tabbrowser-tab:not([pinned]) {
  -moz-margin-start: 0px !important;
}

/* width of new tab tab */
#TabsToolbar .tabs-newtab-button{
  min-width: 0px !important;
  width: 28px !important;
  margin-bottom: -1px !important;
}

/* size of new tab tabs '+' icon */
#TabsToolbar .tabs-newtab-button .toolbarbutton-icon{
  min-width: 0px !important;
  min-height: 0px !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  background: unset !important;
  box-shadow: unset !important;
}

/* tab close icon size and position */
.tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
  width: 16px !important;
  height: 16px !important;
}

.tabbrowser-tab:not([pinned]) .tab-content  .close-icon,
:root[uidensity=touch]  .tabbrowser-tab:not([pinned]) .tab-content .close-icon {
  width: 16px !important;
  height: 16px !important;
  -moz-margin-end: -6px !important;
}

:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-content  .close-icon,
:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .close-icon > .toolbarbutton-icon {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

:root[uidensity=touch] .tabbrowser-tab:not([pinned]) .tab-close-button {
  margin-inline-end: unset !important;
  padding: unset !important;
}

/*tab favicon position*/
.tabbrowser-tab:not([pinned]):not([locked]) .tab-throbber,
.tabbrowser-tab:not([pinned]) .tab-icon-image{
  -moz-margin-start:-6px !important;
}

/* reduce minimum tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--classic_squared_tabs_tab_height) !important;
}
#TabsToolbar #tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
  min-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
  max-height: calc( var(--classic_squared_tabs_tab_height) - 1px ) !important;
}

/* Windows 10 fix */
@media (-moz-os-version: windows-win10) {
   .titlebar-button {
     padding-top: 7px !important;
     padding-bottom: 7px !important;
   }
}

/*pinned tabs*/
#TabsToolbar .tab-content[pinned] {
  padding: 0 6px !important;
}

/* remove top line above tabs for lw-themes */
#main-window:-moz-lwtheme #browser-panel{
  border: unset !important;
  box-shadow: unset !important;
}

/* hide tab separators and borders set by Firefox */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  width: unset !important;
}

#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  content: unset !important;
  display: unset !important;
}

.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::after,
:root[tabsintitlebar]:not([extradragspace]) #toolbar-menubar[autohide=true] ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab::before,
.tabbrowser-tab:hover::before,
.tabbrowser-tab[last-visible-tab]:hover::after,
#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab[afterhovered]::before {
  border-image: unset !important;
  border-image-slice: unset !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.tabbrowser-tab,
.tab-stack,
.tab-background {
  border: unset !important;
}

/* remove titlebar placerholders */
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}

#TabsToolbar .titlebar-spacer[type="pre-tabs"],
#TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}

/* make sure toolbar buttons do not increase toolbar height */
#TabsToolbar toolbarbutton .toolbarbutton-badge-stack,
#TabsToolbar > toolbarpaletteitem,
#TabsToolbar > toolbarbutton {
  min-height: unset !important;
  padding: unset !important;
  margin: 0 2px !important;
}

#TabsToolbar > toolbarpaletteitem .toolbarbutton-icon,
#TabsToolbar > toolbarbutton .toolbarbutton-icon {
  min-width: 16px !important;
  width: unset !important;
  min-height: 16px !important;
  height: unset !important;
  padding: unset !important;
  margin: unset !important;
}

#TabsToolbar toolbarbutton .toolbarbutton-badge-stack .toolbarbutton-icon {
  width: 16px !important;
  height: 16px !important;
}

#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
  padding: unset !important;
  height: unset !important;
  width: unset !important;
}

/* indicator for multiselected tabs */
.tabbrowser-tab[multiselected="true"] .tab-stack .tab-content {
  box-shadow:   inset 2px 0 0 Highlight,
            inset -2px 0 0 Highlight,
            inset 0 2px 0 Highlight,
            inset 0 -2px 0 Highlight !important;
}

/* remove non-required icon pending */
.tab-icon-pending {
  display: none !important;
}

/* Fx65+ fixes */
#main-window[sizemode="maximized"][tabsintitlebar] #TabsToolbar {
  margin-top: -1px !important;
}

#main-window #navigator-toolbox #titlebar #TabsToolbar > .toolbar-items {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

@media (-moz-os-version: windows-win10) {
  #main-window[sizemode="maximized"] .titlebar-buttonbox-container {
   -moz-margin-end: -2px !important;
  }
}
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod stani 13. 7. 2019 16:18

Výborně :-)
I když to ohraničení by mohlo být o něco zřetelnější.
ff3.jpg
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 13. 7. 2019 16:39

Barva ohraničení neaktivních tabů se nastavuje zde:
Kód: Vybrat vše
--classic_squared_tabs-border2: #c5c2bb;


Pokud chceš tmavší, zkus třeba:
Kód: Vybrat vše
--classic_squared_tabs-border2: #a7a39b;


Případně si namixuj vlastní: https://www.w3schools.com/colors/colors_picker.asp, nebo PicPick (nástroj Kapátko).
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Odeslat příspěvekod stani 13. 7. 2019 17:02

Výbrorně, #a7a39b je dostačující.

Díky moc, dobrá práce, opravdu. ;-)
stani
Junior
Uživatelský avatar

Odeslat příspěvekod stani 15. 7. 2019 08:18

Ještě jedna prosba: kdybych chtěl (nebo někdo jiný), mít panely nad adresním řádkem, tak když odstraním ze složky chrome soubory "tabs_below_navigation_toolbar" a "tabs_below_navigation_toolbar_fx65", tak pod adresním řádkem je zbytečná mezera (a není to aktivovaná lišta záložek).
Jak tu mezeru odstranit?
ff3.jpg
ff3.jpg (18.61 ) Zobrazeno 1300 krát
ff4.jpg
ff4.jpg (37.36 ) Zobrazeno 1293 krát
stani
Junior
Uživatelský avatar

Odeslat příspěvekod r34ktor 15. 7. 2019 10:58

Pro zakulacené panely nad adresním řádkem vypadá userChrome.css takto:
Kód: Vybrat vše
@import "./classic_squared_tabs_australized.css";

@-moz-document url(chrome://browser/content/browser.xul);

/* Skyti indikatoru zoomu */
    #urlbar-zoom-button { display: none !important; }

/* Skryti favikony, nazvu webu a oddelovace */
    .urlbarView-favicon, .urlbarView-title, .urlbarView-title-separator {
        display: none !important;
      }

/* Skryti "Navstivit" */
    #urlbarView-row-0 .urlbarView-secondary.urlbarView-action {
        display: none !important;
      }
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Předchozí stránkaDalší stránka

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků