Полезная информация

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№640105-09-2019 16:19:44

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 27
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

После обновления на версию 69 возникла проблема... пропали крестики закрытия при наведении мыши на неактивные вкладки.

Раньше работал код такой:

Выделить код

Код:

#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

Как теперь это делать, кто знает?

Отсутствует

 

№640205-09-2019 17:56:57

amid525
Участник
 
Группа: Members
Откуда: Беларусь
Зарегистрирован: 19-08-2014
Сообщений: 361
UA: unknown 0.0

Re: Настройка внешнего вида Firefox в userChrome.css

Привет! Подскажите плиз стиль для 42 мазилы в виде цветной полоски на кнопке активной вкладки(как в новых версиях)

Отсутствует

 

№640305-09-2019 19:10:10

skillful
Участник
 
Группа: Members
Зарегистрирован: 18-06-2015
Сообщений: 21
UA: Chrome 71.0

Re: Настройка внешнего вида Firefox в userChrome.css

Retif пишет

Retif пишет: Обновился сегодня Firefox до 69-й версии и опять все поплыло Стилями делаю вкладки внизу, но куда-то пропала полоса, которая была сзади них, теперь всё какое-то прозрачное за вкладками. Даже не прозрачная, а эта панель куда-то уехала, что ли?В общем вроде сделал, вроде и работает, только там треш такой уже, ибо делается методом тыка, я к сожалению, в CSS этих ничего не понимаю, может кто поможет разгрести это:

скрытый текст
url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tab bar below Navigation & Bookmarks Toolbars */
#nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 2 !important;
  box-shadow: none !important;
  border-bottom: 1px solid ThreeDShadow !important;
}

#PersonalToolbar { /* bookmarks toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top: 1px solid ThreeDShadow !important;

}

/* Делаем статусбар прозрачным */
statuspanel { opacity: 0 !important; }

/* Более толстые кнопки Вперед-Назад */
#main-window:not(#f) #back-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAjUlEQVR42uWXwQrAIAxD9f8/OttlIDK2mkYrVvCYl3cQtbX4Fu5dPQBPGAIGHYaAQYchYNBhCBh0GAIGHYaAQYchYNDhv/KpApbyaQLW8ikCI+Xu1QssLe8Flpe3AiHlj0BY+TYCJVJim0MYJrHdRcRInPkYjUic/SGxSOT4lH5J5BpM3iRyDqethItxAaTNIBfhl7xRAAAAAElFTkSuQmCC") !important;
}
#main-window:not(#f) #forward-button {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAkElEQVR42sWXSw7AIAhEy/0P3ZoumtRoKyPwSFy4YObFL9ixH2cbpibLiR2ArBUJIOlFA7g1MwBculkAy9qZAEv62QC/HhUAnz5VAFOvSoChnzkFIsL6STXAC4ICeCBIgNufBsBXAAdAtwA9hOg1tOlEjO2nuAoA/YzQ7xgtSNCSDC1K0bIcbUzQ1gxtTmWdCyMiIB+7tLLnAAAAAElFTkSuQmCC") !important;
}

/* Hide blue stripe on active tab
.tab-line[selected="true"] {
  opacity: 0 !important;
}
*/

/* Цвет линии для активной вкладки
.tab-line[selected="true"] {
  background-color: #68768a !important;
}
*/

/* Цвет активной вкладки */
.tab-background[selected="true"] {
background-color: #F0F0F0 !important; /* this sets the color of the tab background */
}

/* Сделать линию для активной вкладки прозрачной */
.tab-line[selected="true"] {
  opacity: 0 !important;
}

/*** Секция для вкладок внизу ***/

/* Вкладки в низ окна */
#TabsToolbar {
  position: fixed;
  bottom: -0.3em;
  width: 100%;
  }
  #tabbrowser-tabs { width: 96%; }
  #content-deck { margin-bottom: 2.5em;
}

/* Для полного экрана */
TabsToolbar:not([inFullscreen="true"]) {position:fixed; bottom:0em; width:100%;}

/* Remove X from Tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#tabbrowser-tabs {
  width: 100vw !important;
  #content-deck { margin-bottom: 0em; }
  #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
}
/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
}
:root #tabbrowser-tabs {
--tab-min-width: 80px !important;
}

/* Tabs Bottom https://support.mozilla.org/en-US/questions/1248277 */

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
  width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/* hide windows-controls */
#TabsToolbar #window-controls {display:none!important;}

/* move caption buttons to right of Tab bar */
#main-window[tabsintitlebar]:not([inFullscreen="true"]) #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
top: calc(6px + var(--tab-min-height)) !important;
display: block !important;
visibility: visible !important;
}
#toolbar-menubar[autohide="true"] ~ #TabsToolbar {padding-right: 100px !important;}

/*** Конец секции для вкладок внизу ***/

/*** Find Bar Tweaks https://support.mozilla.org/ru/questions/1224761 ***/
.browserContainer > findbar {

  /* Position the Find Bar above the page */
  -moz-box-ordinal-group: 0;

  /* Move Find Bar border from top to bottom */
   border-top: none !important;
   border-bottom: 1px solid ThreeDShadow !important;
}

/* Status Bar http://penduin.blogspot.com/2018/01/how-to-fix-firefox-57-status-bar.html */

#browser-bottombox {
height: 2.5em;
border-top: solid thin #505050;
}
.browserContainer>statuspanel {
left: 4px !important; bottom: 2px;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
.browserContainer>statuspanel>.statuspanel-inner>.statuspanel-label {
margin-left: 0px !important;
border: none !important;
padding: 0px !important;
background: rgb(0,0,0,0) !important;
color: silver !important;
}

window[inFullscreen="true"] #browser-bottombox {
display:none !important;
}
window[inFullscreen="true"] .browserContainer>statuspanel[type="overLink"] .statuspanel-label {
display:none !important;
}

Вроде вкладки внизу норм отображаются. А как туда же и панель с адресной строкой спустить?

Отсутствует

 

№640405-09-2019 20:25:29

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

IAmSelf

твой css, заменил browser.xul

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xhtml"), url("chrome://browser/content/browser.xhtml") {

#urlbar #identity-icon {
    -moz-binding: url("./bindings/favicon_in_urlbar.xml#favicon") !important;
    width: 16px;
    height: 16px;
}

#urlbar[pageproxystate="valid"] > #identity-box:not(.chromeUI) > #identity-icon:not([busy]) {
    list-style-image: var(--v-identity-icon-image, url("chrome://browser/skin/identity-icon.svg")) !important;
    -moz-image-region: auto !important;
}

/*****************************Заголовок страницы в нижней панели*******************************/
#main-window::after {
    position: fixed !important;
    content: attr(title) !important;
    display: -moz-box !important;
    bottom: 7px !important; /* отступ снизу */
    left: 0px !important;
    right: 0px !important;
    padding-inline-start: 30px !important; /* отступ в начале */
    padding-inline-end: 30px !important; /* отступ в конце */
    font-size: inherit !important;
    font-weight: bold !important;
    /*text-align: center !important;*/
    text-align: left !important;
    white-space: pre !important;
    line-height: 1em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    text-shadow: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#main-window:-moz-lwtheme::after {
    color: var(--chrome-color, inherit) !important;
    text-shadow: inherit !important;
}

#main-window:-moz-any([customizing="true"],[inFullscreen])::after {
    opacity: 0 !important;
}

/**********Разделители для кастомных панелей*********************************************/
toolbarpaletteitem[place="toolbar"] > toolbarspring[id^="customizableui-special-spring"] {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat !important;
    border: none !important;
    min-width: 34px !important;
    min-height: 14px !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    opacity: 1 !important;
}

toolbarpaletteitem[place="palette"] > toolbarspacer[id^="customizableui-special-spacer"] {
    background: rgba(255,255,255,0.6) !important;
    border: none !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px !important;
    min-height: 37px !important;
    width: 15px !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarspacer[id^="customizableui-special-spacer"] {
    background: rgba(255,255,255,0.6) !important;
    border: none !important;
    outline: 1px solid GrayText !important;
    outline-offset: -1px !important;
    min-height: 14px !important;
    width: 15px !important;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

toolbarpaletteitem[place="palette"] > toolbarseparator[id^="customizableui-special-separator"] {
    -moz-appearance: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid GrayText !important;
    border-right: 1px solid rgba(255,255,255,0.6) !important;
    min-height: 37px !important;
    width: 2px !important;
}

toolbarpaletteitem[place="toolbar"] > toolbarseparator[id^="customizableui-special-separator"] {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

toolbarpaletteitem[place] > :-moz-any(toolbarspring[id^="customizableui-special-spring"],toolbarspacer[id^="customizableui-special-spacer"],toolbarseparator[id^="customizableui-special-separator"]) {
    -moz-window-dragging: no-drag !important;
}

toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
toolbar:not(#nav-bar) toolbarspring {
    max-width: none !important;
}

#customization-container #customization-footer > spacer:first-of-type {
    -moz-binding: url("./bindings/specialwidget.xml#specialwidget") !important;
}

/**/
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/****************************************************************************************/
/* multirow / multiple tab lines - modified for CustomCSSforFx **************************/
/* all credits go to the original authors: **********************************************/
/* https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ ***********/
/* https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css */
/****************************************************************************************/


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

:root{
  --tabs-lines: 4;
  --tab_min_width_mlt: 80px;
  --tab_max_width_mlt: 200px;
  --tab-min-height_mlt: var(--tab-min-height,32px); /* set own value here, if used without configuration files */
}

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height_mlt) * var(--tabs-lines));
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-1px !important;
  }
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{
  height: var(--tab-min-height_mlt);
}

#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab > stack{
  width: 100%;
  height: 100%;
}

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{
  display: none !important;
}

#tabbrowser-tabs[overflow="true"] > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#tabbrowser-tabs:not([hasadjacentnewtabbutton]) > .tabbrowser-arrowscrollbox > .tabs-newtab-button,
#TabsToolbar[customizing="true"] #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .tabs-newtab-button {
  visibility: hidden !important;
}

/* hide private window indicator, window controls and titlebar placeholders */
#main-window[tabsintitlebar] #TabsToolbar .private-browsing-indicator,
#main-window[tabsintitlebar] #TabsToolbar #window-controls,
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="pre-tabs"],
#main-window[tabsintitlebar] #TabsToolbar .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
  opacity: 0 !important;
}

/* hide tab borders set by Firefox 58+ to solve 'blank space below tabs' issue */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  border-left: unset !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  border: 0 !important;
}

/* Fx66+ tab close fix */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  -moz-margin-start: -18px !important;
}

/* fix scrollbar */
#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}

/*lw theme fix */
#main-window:-moz-lwtheme {
  background: var(--lwt-header-image) !important;
  background-repeat: repeat-y !important;
}

/**/



}


скрытый текст

Выделить код

Код:

//62+
//Components.classes|Components.interfaces|Components.utils=Cc|Ci|Cu
//getBrowser ()|getBrowser()=gBrowser
//nsILocalFile=nsIFile
//
//forum.mozilla-russia.org/viewtopic.php?pid=772884#p772884 - browser.xul|browser.xhtml
//
//document.createElement=document.createXULElement|document.createElementNS(xulns,
//forum.mozilla-russia.org/viewtopic.php?pid=772997#p772997
//github.com/Infocatcher/Custom_Buttons/commit/bd4aac673fb3ae733bdd155ab09125fd057a0614#diff-23c16ca2b6d59468c6fe22dfec2a87eb
//- - - - - - - - - - - - - - - - - - -
//support.mozilla.org/en-US/kb/keyboard-shortcuts-perform-firefox-tasks-quickly
//Ctrl+Shift+J Ctrl+Shift+Del Ctrl+Shift+D Ctrl+U Ctrl+Shift+H_Ctrl+H
//- - - - - - - - - - - - - - - - - - -
//chrome://browser/content/preferences/connection.xul|cookies.xul
//chrome://browser/content/places/places.xul
//chrome://passwordmgr/content/passwordManager.xul
//
//view-source:chrome://browser/content/browser.xhtml
//- - - - - - - - - - - - - - - - - - -
//developer.mozilla.org/en-US/docs/Archive/Add-ons/Code_snippets/File_I_O
//

Отсутствует

 

№640505-09-2019 20:47:25

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

IAmSelf пишет

Все заработало!!!

разжуйте дилетанту, как включить нижнюю панель?  у меня она была только до квантума......

Отсутствует

 

№640605-09-2019 22:53:05

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 679
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

"Папка закладки" в [firefox] 69 не работает. Как исправить?

Отсутствует

 

№640705-09-2019 23:32:54

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

разжуйте дилетанту, как включить нижнюю панель?  у меня она была только до квантума......

Что бы добавить дополнительную панель в нижней части окна браузера, необходимо применить один из этих способов, желательно третий, и установить этот скрипт.

Добавлено: и будет вот так:

скрытый текст
b9627d539457.png

Отредактировано kokoss (06-09-2019 16:22:43)


Win7

Отсутствует

 

№640805-09-2019 23:45:26

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

iamgdv пишет

разжуйте дилетанту, как включить нижнюю панель?  у меня она была только до квантума......

скрытый текст
1. Скачать два архива из этого поста
2. Из архива user_chrome_files.zip:
2.1. Содержимое папки chrome извлечь в папку <профиль Firefox>\chrome
2.2. Содержимое папки Firefox поместить в директорию установки Firefox
3. Содержимо архива vertical_top_bottom_bar.zip извлечь в папку <профиль Firefox>\chrome
При этом, если у Вас уже есть Ваш userChrome.css, то их содержимое можно объединить.
4. Перезапустить Firefox
5. ПКМ по любой кнопке дополнения - выбрать пункт "Нижняя панель".
Далее все как раньше.

У меня заработало после этого.


Брел, брел, брел...

Отсутствует

 

№640906-09-2019 00:06:41

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2186
UA: Firefox 70.0

Re: Настройка внешнего вида Firefox в userChrome.css

IAmSelf
vertical_top_bottom_bar.zip и user_chrome_files.zip нельзя использовать вместе,
там и там создаются одни и те же три панели но разными способами...

Отсутствует

 

№641006-09-2019 02:19:44

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 142
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

После обновления на Firefox 69 в адресной строке браузера появилась анимационная иконка в виде щита во время загрузки вкладки. Подскажите как её убрать из адресной строки или хотя бы отключить анимацию (чтобы сразу появлялась и была сразу серого цвета).
1f03473f585c.gif

Отсутствует

 

№641106-09-2019 05:15:03

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1224
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

До 69-й работал стиль, который при выделении строки адреса или поиска изменял фоновый цвет. Теперь для urlbar работает, а для searchbar перекрашивается только текстовую часть. Замена .searchbar-textbox на #searchbar не помогает. Можно как-то подправить?

Выделить код

Код:

#urlbar:not(:-moz-lwtheme)[focused],
.searchbar-textbox:not(:-moz-lwtheme)[focused] {
    border-color: Blue !important;
    background-color: #FFD700 !important;
    box-shadow: none !important;
}

Отредактировано xrun1 (06-09-2019 13:38:19)

Отсутствует

 

№641206-09-2019 08:13:57

func4ptch4
Участник
 
Группа: Members
Зарегистрирован: 03-05-2018
Сообщений: 220
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Hobbix, user_pref("toolkit.cosmeticAnimations.enabled",false); //=Анимированные иконки и пробегающие по вкладкам, цветовые всплохи, F11.
А сам щит можно убрать about:preferences#privacy, ну или стилем.

Отредактировано func4ptch4 (06-09-2019 08:15:28)

Отсутствует

 

№641306-09-2019 10:32:47

IAmSelf
Участник
 
Группа: Members
Зарегистрирован: 03-02-2010
Сообщений: 28
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет

IAmSelf
vertical_top_bottom_bar.zip и user_chrome_files.zip нельзя использовать вместе,
там и там создаются одни и те же три панели но разными способами...

Ну не знаю... У меня "взлетело" только после того, как применил оба архива...;)


Брел, брел, брел...

Отсутствует

 

№641406-09-2019 11:38:21

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Я так понимаю, фишка с тремя точками на вкладке,того...Эта затухающая дрянь, парит реально...

Отсутствует

 

№641506-09-2019 13:36:52

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1224
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

solombala пишет

Эта затухающая дрянь, парит реально...

В стилях от Aris-t2 есть стиль, убирающий размытие /css/tabs/tab_titles_remove_blur.css

Выделить код

Код:

.tab-label-container[textoverflow]:not([pinned]) {
  mask-image: unset !important;
}

Отсутствует

 

№641606-09-2019 13:46:01

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 294
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Крестик на нижней панели я убрал, а как задать цвет нижней панели?

Отсутствует

 

№641706-09-2019 15:11:15

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

ВОПРОС РЕШЕН: это была доппанель.... просто отключил ее ))
вставил содержимое из архивов user_chrome_files.zip и  vertical_top_bottom_bar.zip в нужные папки...
получил:

скрытый текст
5d9af52a1dae.jpg

как бы уменьшить высоту панели адресной строки? (красная стрелка)
userChrome.css теперь такой:
скрытый текст
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

#TabsToolbar .tabbrowser-arrowscrollbox,
#TabsToolbar .arrowscrollbox-scrollbox,
#TabsToolbar .scrollbox-innerbox {
display: block !important;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
.tabbrowser-tab {
min-height: var(--tab-min-height) !important;
vertical-align: bottom !important;
}


/* изм высоты вкладок? */

#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
    --tab-min-height: 28px !important;
    --toolbarbutton-inner-padding: 5px !important;
}

@media (-moz-windows-compositor) {
    #titlebar-buttonbox {
        -moz-box-align: start !important;
    }
   
    #main-window:not([uidensity="touch"]) #titlebar-buttonbox .titlebar-button {
        margin: 0 !important;
        padding: 4px 8px !important;
    }
   
    #main-window:not([uidensity="touch"])[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
    }
}

/* изм высоты вкладок? */


/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

@-moz-document url("chrome://browser/content/browser.xhtml") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
#main-window:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#main-window:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

/* tab close - always visible*/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: visible !important;
  display: block !important;
}
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned])[faviconized="true"] .tab-close-button {
  visibility: collapse !important;
  display: none !important;
}

/**/


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url-prefix("chrome://browser/content/browser.x") {
vbox#browser-bottombox {
    -moz-binding: url("./bindings/toolbars.xml#toolbars") !important;
}

toolbarpaletteitem[place="palette"] > toolbaritem.add-additional-springs {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
    border: none !important;
    outline: 1px solid GrayText;
    outline-offset: -1px;
    min-height: 37px;
}

toolbarpaletteitem:-moz-any([place="toolbar"],[place="panel"],[place="menu-panel"]) > toolbaritem.add-additional-springs {
    background: url("./svg/spring.svg") rgba(255,255,255,0.6) center no-repeat;
    border: none !important;
    min-width: 34px;
    min-height: 14px;
    outline: 1px solid GrayText;
    outline-offset: -1px;
    margin-top: 3px;
    margin-bottom: 3px;
}

toolbarpaletteitem[place="palette"][id*="add-additional-top-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-vertical-spring"],
toolbarpaletteitem[place="palette"][id*="add-additional-bottom-spring"] {
    vertical-align: top;
}

toolbarpaletteitem[place] > toolbaritem.add-additional-springs {
    -moz-window-dragging: no-drag !important;
}

#add-restart-app {
    list-style-image: url("./svg/restart-app-16.svg") !important;
}

#add-additional-vertical-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-top-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-additional-bottom-toggle-button {
    list-style-image: url("./svg/configure-toolbars-16.svg") !important;
}

#add-view-history-sidebar-button {
    list-style-image: url("./svg/history-16.svg") !important;
}

#add-view-bookmarks-sidebar-button {
    list-style-image: url("./svg/bookmark-16.svg") !important;
}

@media (-moz-windows-classic) {
    #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #add-additional-top-bar:not(:-moz-lwtheme) {
        position: relative !important;
    }
}

#main-window:-moz-lwtheme {
    --lwt-background-tiling: repeat-y !important;
    background-repeat: repeat-y !important;
}

#browser-bottombox:-moz-lwtheme {
    background-color: transparent !important;
}

#add-additional-vertical-box {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar,
#add-additional-bottom-bar {
    -moz-appearance: none !important;
    -moz-window-dragging: no-drag !important;
    border: none !important;
    background-clip: border-box !important;
    background-origin: border-box !important;
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
}

#add-additional-bottom-bar {
    border-top: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1rem !important;
    min-width: 19px !important;
    width: auto !important;
    -moz-box-align: stretch !important;
    -moz-box-pack: start !important;
    -moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:-moz-lwtheme,
#add-additional-bottom-bar:-moz-lwtheme {
    background-color: var(--toolbar-bgcolor, rgba(255,255,255,.4)) !important;
    background-image: none !important;
    color: var(--chrome-color, inherit) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme #add-additional-vertical-bar {
    background-repeat: repeat-y !important;
    background-size: auto auto !important;
    background-attachment: fixed !important;
    background-position: right top !important;
    background-color: var(--lwt-accent-color, white) !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, var(--v-lwt-header-image, none)) !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-lwtheme-brighttext #add-additional-vertical-bar {
    background-color: var(--lwt-accent-color, black) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]) {
    border-inline-end: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box[verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    border-inline-end: none !important;
    border-inline-start: 1px solid var(--toolbox-border-bottom-color, rgba(0,0,0,0.1)) !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar[collapsed="true"] {
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons {
    -moz-box-orient: vertical !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbaritem.toolbaritem-combined-buttons separator {
    display: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspring {
    min-width: 0 !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarseparator {
    -moz-appearance: none !important;
    margin: 0.2em 2px !important;
    border-bottom: 1px solid ThreeDHighlight !important;
    border-top: 1px solid ThreeDShadow !important;
    height: 2px !important;
    border-left: none !important;
    border-right: none !important;
}

#add-additional-vertical-box > #add-additional-vertical-bar > toolbarspacer {
    height: 15px !important;
}

#add-additional-vertical-container[vertautohide="true"] {
    position: relative !important;
    min-width: 100px !important;
    width: 100px !important;
    max-width: 100px !important;
    overflow: visible !important;
    margin-inline-start: 0 !important;
    margin-inline-end: -100px !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

#add-additional-vertical-container[vertautohide="true"][verticalbarstart="false"] {
    margin-inline-start: -100px !important;
    margin-inline-end: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"] {
    position: absolute !important;
    z-index: 3 !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    font-size: 0px !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"],
#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) {
    left: auto !important;
    right: 0 !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) {
    left: 0 !important;
    right: auto !important;
}

#add-additional-vertical-box[vertautohide="true"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: calc(-1 * (100% - 5px));
    right: auto;
    opacity: 0;
    animation-name: toolbar-hide !important;
    animation-timing-function: linear !important;
    animation-duration: 0.2s !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-property: opacity !important;
    transition-timing-function: step-start !important;
    transition-duration: 0s !important;
    transition-delay: 0.2s !important;
    pointer-events: auto !important;
    height: 100% !important;
    visibility: visible !important;
    position: relative !important;
}

#add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: auto;
    right: calc(-1 * (100% - 5px));
    animation-name: toolbar-hide-rtl !important;
}

#add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl) > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: calc(-1 * (100% - 5px));
    right: auto;
    animation-name: toolbar-hide !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: 0px;
    right: auto;
    opacity: 1;
    animation-name: toolbar-visible !important;
    transition-delay: 0s !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"][auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: auto;
    right: 0px;
    animation-name: toolbar-visible-rtl !important;
}

#add-additional-vertical-container > #add-additional-vertical-box[vertautohide="true"][verticalbarstart="false"]:-moz-locale-dir(rtl)[auto-hide-toolbar-visible] > #add-additional-vertical-bar:not([collapsed="true"]) {
    left: 0px;
    right: auto;
    animation-name: toolbar-visible !important;
}

@keyframes toolbar-hide {
    from {
        left: 0px;
    }
    to {
        left: calc(-1 * (100% - 5px));
    }
}

@keyframes toolbar-hide-rtl {
    from {
        right: 0px;
    }
    to {
        right: calc(-1 * (100% - 5px));
    }
}

@keyframes toolbar-visible {
    from {
        left: calc(-1 * (100% - 5px));
    }
    to {
        left: 0px;
    }
}

@keyframes toolbar-visible-rtl {
    from {
        right: calc(-1 * (100% - 5px));
    }
    to {
        right: 0px;
    }
}

#main-window[inDOMFullscreen] #add-additional-vertical-box > #add-additional-vertical-bar:not([collapsed="true"]),
#add-additional-bottom-bar[collapsed="true"][customizable="true"][customizing="true"],
#add-additional-vertical-box > #add-additional-vertical-bar > :-moz-any(#personal-bookmarks,#search-container) {
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
}
}

Отредактировано iamgdv (06-09-2019 21:13:37)

Отсутствует

 

№641806-09-2019 15:49:55

sandro79
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 1750
UA: Firefox 71.0

Re: Настройка внешнего вида Firefox в userChrome.css

iamgdv пишет

вставил содержимое из архивов user_chrome_files.zip и  vertical_top_bottom_bar.zip в нужные папки...

А зачем содержимое из обоих архивов? Достаточно использования одного из упомянутых архивов.
На скрине ниже использовался архив user_chrome_files.zip

скрытый текст
977a9324e0a2.png

Отсутствует

 

№641906-09-2019 15:59:23

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

iamgdv пишет

как бы уменьшить высоту панели адресной строки? (красная стрелка)
userChrome.css теперь такой:

Судя по скрину, у вас включена дополнительная панель, просто отключите её в настройках user chrome files


Win7

Отсутствует

 

№642006-09-2019 19:06:01

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 142
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

func4ptch4 пишет

Hobbix, user_pref("toolkit.cosmeticAnimations.enabled",false); //=Анимированные иконки и пробегающие по вкладкам, цветовые всплохи, F11.
А сам щит можно убрать about:preferences#privacy, ну или стилем.

Спасибо, способ рабочий, но убивает и некоторую полезную анимацию. Через about:preferences можно отключить только для конкретных сайтов-исключений, либо вообще отключить эту защиту, чего делать не хочется.
А как через стили убрать иконку этого щита?

Отредактировано Hobbix (06-09-2019 19:11:44)

Отсутствует

 

№642106-09-2019 19:24:53

skillful
Участник
 
Группа: Members
Зарегистрирован: 18-06-2015
Сообщений: 21
UA: Chrome 76.0

Re: Настройка внешнего вида Firefox в userChrome.css

Подскажите пожалуйста id панели закладок и адресной строки....

Отсутствует

 

№642206-09-2019 19:39:46

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Hobbix пишет

Спасибо, способ рабочий, но убивает и некоторую полезную анимацию

А можно поподробнее?


Win7

Отсутствует

 

№642306-09-2019 21:06:06

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 142
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

kokoss пишет

А можно поподробнее?

Ну, например, опция toolkit.cosmeticAnimations.enabled до кучи отключает анимацию открытия/закрытия вкладок.
Кроме того, даже с отключенной анимацией значок щита всё равно мелькает в строке адреса.
9ba3aa1df061.gif

Hobbix пишет

После обновления на Firefox 69 в адресной строке браузера появилась анимационная иконка в виде щита во время загрузки вкладки. Подскажите как её убрать из адресной строки или хотя бы отключить анимацию (чтобы сразу появлялась и была сразу серого цвета).
1f03473f585c.gif

Впрочем решение я для себя уже нашел самостоятельно через стили. Если вдруг кому понадобится, то держите.

Выделить код

Код:

#tracking-protection-icon-box {
    display: none !important;
}

Отсутствует

 

№642406-09-2019 21:11:19

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79 пишет

На скрине ниже использовался архив user_chrome_files.zip

если использую только этот, нижней панели нет

Отсутствует

 

№642506-09-2019 22:44:13

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1739
UA: Firefox 52.0

Re: Настройка внешнего вида Firefox в userChrome.css

Hobbix пишет

Ну, например, опция toolkit.cosmeticAnimations.enabled до кучи отключает анимацию открытия/закрытия вкладок.

В моём [firefox] 69 цветная вкладка, так что эта анимация и так незаметна.

Hobbix пишет

Кроме того, даже с отключенной анимацией значок щита всё равно мелькает в строке адреса.

У меня не мелькает, а за стиль спасибо 529d356c7ab0.gif


Win7

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]