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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1242614-12-2022 07:52:31

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 195
UA: Firefox 108.0

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

sandro79, подскажите пожалуйста вот по этому вашему сообщению https://forum.mozilla-russia.org/viewto … 02#p797402, в котором все пояснительные скриншоты умерли. Просто после перехода на последнюю версию [firefox] опять пришлось обновлять Lepton, а как удалить "иконки и создающие для них пространство строки" я сам уже не помню. :|


Windows 10 LTSC

Отсутствует

 

№1242714-12-2022 08:57:56

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

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

Отсутствует

 

№1242814-12-2022 09:08:14

Gostunsky
Участник
 
Группа: Members
Зарегистрирован: 14-12-2022
Сообщений: 22
UA: Firefox 108.0

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

noname2471 пишет

Пересел с 7 на 10, и в ФФ появились огромные отступы между строк в любом раскрывающемся меню - из панели меню, гамбургера, пкм. Нашёл тут несколько постов с похожими проблемами, но ни с одним из предложенных вариантов css ничего не изменилось.
toolkit.legacyUserProfileCustomizations.stylesheets поставлено true, директория верная, для проверки пробовал код на перекраску меню - работает.
Что-нибудь посоветуете?

Если эта проблема у многих, хоть бы ее в отдельную тему выделить. Где тут о ней что-то почитать? Это и контекстного меню касается тоже, хотя оно меньше беспокоит.

Отсутствует

 

№1242914-12-2022 10:14:36

Black_Monk
Участник
 
Группа: Members
Зарегистрирован: 18-02-2012
Сообщений: 195
UA: Firefox 108.0

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

sandro79 пишет

Black_Monk, https://forum.mozilla-russia.org/viewto … 80#p802780

Ещё раз большое спасибо! :cool:


Windows 10 LTSC

Отсутствует

 

№1243014-12-2022 12:10:07

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

Ребята, Firefox 109 beta 0b2 в about:config перестал работать параметр toolkit.legacyUserProfileCustomizations.stylesheets = true позволяющий переместить вкладки вниз окна при помощи специальной папки chrome, которую надо скинуть в папку профиля Что делать?
Я подчёркиваю, вкладки не под адресную строку, а вниз окна firefox, как теперь сделать?

Отредактировано kveresov (14-12-2022 12:14:02)

Отсутствует

 

№1243114-12-2022 17:27:53

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 108.0

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

Dumby, посмотри плиз, автонажималка №9928 перестала работать на главном меню и кнопках дополнений.

Отсутствует

 

№1243214-12-2022 17:37:50

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

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

voqabuhe пишет

Dumby, посмотри плиз, автонажималка №9928 перестала работать на главном меню и

У меня пока работает, а на кнопках дополнений отключил.


Add, в файл custom_script_win.js  по событию "load"


оффтоп

Отредактировано kokoss (14-12-2022 20:33:39)


Win7

Отсутствует

 

№1243314-12-2022 19:08:03

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 108.0

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

kokoss
А ты его куда подключал?

Отсутствует

 

№1243414-12-2022 20:24:06

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2262
UA: Firefox 78.0

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

voqabuhe пишет

Dumby, посмотри плиз, автонажималка №9928 перестала работать на главном меню

Этого не может быть, поскольку автонажималка №9928 ничего не автонажимает в главном меню.
Разве что у тебя туда что-то своё добавлено (кодом), чтобы на это автонажимать.

и кнопках дополнений.

Если имеются в виду виджеты с панелькой, заказанные WebExtensions,
то можно попробовать поменять пару строк

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

Выделить код

Код:

/*
                else if (node.getAttribute("widget-type") === "view") {
*/
                else if (node.matches(".unified-extensions-item-action,[widget-type=view]")) {


/*
                            this.openPopup(node);
*/
                            this.openPopup(node, null, node.matches("toolbaritem > :scope"));

Отсутствует

 

№1243514-12-2022 21:12:24

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

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

kveresov пишет

Firefox 109 beta 0b2 в about:config перестал работать параметр toolkit.legacyUserProfileCustomizations.stylesheets

Ничего подобного не наблюдаю, может стили слетели и пора их обновить.

Я подчёркиваю, вкладки не под адресную строку, а вниз окна firefox, как теперь сделать?

https://github.com/Aris-t2/CustomCSSfor … bar.css#L6 + https://github.com/Aris-t2/CustomCSSfor … nt.css#L12

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

Выделить код

Код:

:root {
  --tabs_toolbar_color_tabs_not_on_top: linear-gradient(#f9f9fa,#f9f9fa);
  --tab-min-height_tnot: 32px;
  --tab_below_navigation_toolbar_bottom_padding: calc( var(--tab-min-height_tnot) + 5px );
}

#TabsToolbar {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100vw;
  background-clip: padding-box;
  color: var(--toolbar-color);
  z-index: 2;
}

#TabsToolbar:not(:-moz-lwtheme){
  appearance: none;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

#main-window:not([tabsintitlebar]) #TabsToolbar:not(:-moz-lwtheme){
  appearance: none !important;
}

#tabbrowser-tabs {
  width: 100%;
}

#navigator-toolbox {
  position: relative;
  padding-bottom: var(--tab_below_navigation_toolbar_bottom_padding);
}

#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #titlebar,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #titlebar {
  height: 26px;
}

/* prevent possible item overlapping with caption buttons */
#main-window[tabsintitlebar] #toolbar-menubar {
  padding-inline-end: 140px;
}

/* move caption buttons to windows top right position */
.titlebar-buttonbox-container {
  position: fixed;
  right: 0;
  visibility: visible;
  display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none;
}

/* lw themes support */
#nav-bar {
  box-shadow: unset !important;
}

/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :is(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust background color */
#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}

/* Fixes for projects other settings */
/* remove application/hamburger button in titlebar and tab toolbars start padding */
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button {
  visibility: collapse;
}

/* override code inside appbutton in titlebar code */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[tabsintitlebar]:is([sizemode="normal"],[sizemode="maximized"],[sizemode="fullscreen"]) #navigator-toolbox #TabsToolbar {
  padding-inline-start: 0px !important;
  margin-inline-start: 0px !important;
}

/* remove restored border between navigation toolbar and tabs toolbar */
#nav-bar:not(:-moz-lwtheme) {
  box-shadow: unset !important;
}

/* notification position */
#tab-notification-deck {
  position: absolute;
  display: block;
  bottom: calc( -2 * var(--tab_below_navigation_toolbar_bottom_padding) + 8px );
  width: 100vw;
}

/* Fx 106+*/					
#private-browsing-indicator-with-label {
  display: none !important;
}

:root{
  --tab_below_main_content_bottom_margin: calc(4px + var(--tab-min-height));
  --tab_below_main_content_toolbar_height: calc(3px + var(--tab-min-height));
  --tab_below_main_content_top_margin: -3px;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 1px !important;
}

#main-window:not([inDOMFullscreen="true"]) #TabsToolbar {
  position: fixed !important;
  display: block !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: 0px !important;
  border-bottom: 1px solid threedshadow !important;
}

#main-window:not([inDOMFullscreen="true"]) #browser-bottombox {
  margin-bottom: var(--tab_below_main_content_bottom_margin) !important;
}

#TabsToolbar {
  min-height: 0 !important;
  height: var(--tab_below_main_content_toolbar_height) !important;
  max-height: unset !important;
  border-top: 1px solid ThreeDShadow !important;
}

#main-window:not([inDOMFullscreen="true"]) #TabsToolbar-customization-target {
  margin-top: var(--tab_below_main_content_top_margin) !important;
}

/* lw-theme support */
#main-window:not([inDOMFullscreen="true"]) #navigator-toolbox #TabsToolbar:-moz-lwtheme {
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-color: var(--toolbar-bgcolor) !important;
  background-image: var(--lwt-header-image) !important;
}


/* ##### Caption buttons tweaks: min/max/restore/close ##### */

/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #TabsToolbar .titlebar-buttonbox-container {
  top: 0px !important;
}

/* Windows */
@media (-moz-platform: windows-win10), (-moz-platform: windows-win8), (-moz-platform: windows-win7), (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  top: 1px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  top: 8px !important;
	}
}

/* Windows 7/8 extra tweaks */
@media (-moz-platform: windows-win7), (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  display: none !important;
	}
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]):-moz-lwtheme #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  display: flex !important;
	}
  }
  @media not all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  top: -2px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  top: 0px !important;
	}
  }
}

@media (-moz-platform: windows-win8),(-moz-os-version:windows-win8) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container	{
	  top: -13px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) #toolbar-menubar ~ #TabsToolbar .titlebar-buttonbox-container {
	  top: -5px !important;
	}
}

Отсутствует

 

№1243615-12-2022 10:07:02

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

sandro79 пишет

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

Точно, теперь заработало, спасибо  за новый код...Только бы чуууть приподнять от границ окна..чтоб низе вкладок 2-4 пиксела было
и неактивную вкладку сделать сероватой, а то все  белые
Плюс при Ctrl+F не вылазит поле поиска по странице....хотя ищет исли набирать текст,но поле невидимо

Отредактировано kveresov (15-12-2022 12:07:13)

Отсутствует

 

№1243715-12-2022 11:52:14

AlAvis
Участник
 
Группа: Members
Зарегистрирован: 16-06-2014
Сообщений: 604
UA: Firefox 108.0

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

noname2471 пишет

Пересел с 7 на 10, и в ФФ появились огромные отступы между строк

В about:config browser.display.windows.non_native_menus = 0

Отсутствует

 

№1243815-12-2022 13:53:39

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

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

kveresov пишет

приподнять от границ окна..чтоб низе вкладок 2-4 пиксела

В начале кода замените у bottom: 0; 0 на 2px

неактивную вкладку сделать сероватой

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

Выделить код

Код:

.tab-background:not([selected], [multiselected]) {
  background-color: #8080809c !important;
}

Или это использовать https://github.com/Aris-t2/CustomCSSfor … hanced.css

Плюс при Ctrl+F не вылазит поле поиска по странице....хотя ищет исли набирать текст,но поле невидимо

Могу предложить только поднять поле поиска вверх

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

Выделить код

Код:

.browserContainer > findbar {
  -moz-box-ordinal-group: 0;
  border-bottom: 1px solid ThreeDShadow;
  border-top: none !important;
}

Отсутствует

 

№1243915-12-2022 15:07:05

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

sandro79 пишет

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

сделал вкладку серой, спасибо , только надо было сказать, что код вставить надо вниз, а не искать .tab-background:not( среди текста и заменить цифры :-)

Отсутствует

 

№1244015-12-2022 15:35:18

hartumov
Участник
 
Группа: Members
Зарегистрирован: 17-11-2013
Сообщений: 136
UA: Firefox 102.0

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

Можно с помощью css сдвинуть контекстное меню страницы на несколько пикселей вправо и вниз?
Т. е. чтобы меню появлялось чуть правее и чуть ниже чем по дефолту.

Отсутствует

 

№1244115-12-2022 15:54:00

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

Мне странно почему официально не делают настройку вкладок вниз, у яндекс-браузера например можно, а у firefox даже аддонов кастомизации вида нет

Отсутствует

 

№1244215-12-2022 16:11:17

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

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

hartumov пишет

Можно с помощью css сдвинуть контекстное меню страницы на несколько пикселей вправо и вниз?

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

Выделить код

Код:

#contentAreaContextMenu {
  margin: 4px 0 0 4px !important;
}

Отсутствует

 

№1244315-12-2022 16:28:35

Stebus
Участник
 
Группа: Members
Зарегистрирован: 15-12-2022
Сообщений: 1
UA: Chrome 108.0

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

Ребята, а у меня после обновления перестали вкладки в несколько рядов открываться.
ни правка файла userChrome.css , ни утилиты не помогают.
Есть у кого нибудь решение?

Отредактировано Stebus (16-12-2022 12:57:26)

Отсутствует

 

№1244415-12-2022 18:26:15

hartumov
Участник
 
Группа: Members
Зарегистрирован: 17-11-2013
Сообщений: 136
UA: Firefox 102.0

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

sandro79 пишет
hartumov пишет

Можно с помощью css сдвинуть контекстное меню страницы на несколько пикселей вправо и вниз?

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

Выделить код

Код:

#contentAreaContextMenu {
  margin: 4px 0 0 4px !important;
}

sandro79
благодарю! :rock::rock:

Отсутствует

 

№1244516-12-2022 01:17:04

Zloitypoiyrod
Участник
 
Группа: Members
Зарегистрирован: 11-12-2022
Сообщений: 5
UA: Firefox 108.0

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

sandro79 пишет
Zloitypoiyrod пишет

подскажите есть ли возможность переместить открытые вкладки под адресную строку

https://github.com/Aris-t2/CustomCSSfor … bar.css#L6 или https://github.com/Aris-t2/CustomCSSfor … alt.css#L2

Большое спасибо!

Отсутствует

 

№1244616-12-2022 17:27:59

kveresov
Участник
 
Группа: Members
Зарегистрирован: 22-10-2010
Сообщений: 106
UA: Firefox 109.0

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

неужели нет способа опустить  вкладки вниз без танцев с папкой chrome? аддоны  где все?

Отредактировано kveresov (16-12-2022 17:29:13)

Отсутствует

 

№1244717-12-2022 11:42:18

Zloitypoiyrod
Участник
 
Группа: Members
Зарегистрирован: 11-12-2022
Сообщений: 5
UA: Firefox 108.0

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

почти настроил как хотел, но есть пару нюансов, наверное после установки lepton css на открытых вкладках заместь крестика закрытие  появилась точка как вернуть крестик и второе в панели закладок папка сливается со цветом темы, хотел бы чтобы папка была желтого цвета, буду благодарен за помощь или подскажите где искать ...

Отсутствует

 

№1244817-12-2022 11:57:49

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

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

Zloitypoiyrod пишет

и второе в панели закладок папка сливается со цветом темы, хотел бы чтобы папка была желтого цвета,

https://forum.mozilla-russia.org/viewto … 48#p793948


Win7

Отсутствует

 

№1244918-12-2022 04:57:47

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

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

Есть такой кусочек стиля. Раскрашивает надписи папок и сайтов при наведении мышки на панели закладок. А вот для шеврона >> не срабатывает. Не принципиально, конечно, но поправить можно?

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

Выделить код

Код:

/* раскраска иконок на панели закладок, по аналогии с предыдущим стилем для боковой панели */
#PlacesToolbarItems > toolbarbutton.bookmark-item:hover:not([open]), #PlacesChevron:hover:not([open]) {
  background-color: blue !important;
  color: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"], #PlacesChevron[open="true"] {
  background-color: red !important;
  color: white !important;
}

#PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"]:not(:hover), #PlacesChevron[open="true"]:not(:hover) {
  background-color: darkred !important;
  color: white !important;
}


Может, там какие-нибудь fill / opacity нужно сделать отдельно для шеврона? Не силён я в этом...

Отсутствует

 

№1245018-12-2022 10:44:16

Аноним125876
Участник
 
Группа: Members
Зарегистрирован: 08-01-2021
Сообщений: 13
UA: Firefox 107.0

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

С новым обновлением 108 все окно залило фоновым цветом, ни отображается ни панель меню, ни вкладки, в общем ничего, однако судя по процессам в диспетчере все загружается. Проблема в CSS или в пакете от VitaliyVstyle... Вкладки опущены под строку поиска, а панель меню полностью убрана... (для максимального рабочего места)

Подскажите куда копать.

Отредактировано Аноним125876 (18-12-2022 10:44:55)

Отсутствует

 

Board footer

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