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

sandro79 · №6876

Vitaliy V. пишет: поменять местами кнопки можно но потребуется немного усложнить код в places_win.js
позже сделаю

Буду очень признателен и периодически буду следить за обновлением этого сообщения.

Vitaliy V. пишет: На 68 не проверял

Проверил, работает, что не может не радовать.
Виталий, а может ещё поможете скрыть в левой части все пункты, чтоб получилось как было в старые добрые времена с дополнением Downloads Window. Спасибо.

Что получилось и что хотелось бы скрыть

Окно с Downloads Window в Firefox 58

solombala · №6877

del

Отредактировано solombala (04-11-2019 14:28:29)

Vitaliy V. · №6878

sandro79 пишет

поменять бы ещё кнопки местами

поменял, замените places_win.js и стиль

upd: исправил #placesViewsDeck на #downloadsRichListBox в places_win.js, мелочь но лучше на #downloadsRichListBox листенер сделать

sandro79 пишет

скрыть в левой части все пункты, чтоб получилось как было в старые добрые времена

но это не как раньше, там же закладки журнал, и стилем нельзя скрыть только для загрузок, в скрипт если только добавить код

Отредактировано Vitaliy V. (05-11-2019 00:14:22)

sandro79 · №6879

Vitaliy V. пишет: поменял, замените places_win.js и стиль

Огромное Спасибо! Теперь стало ещё привычней.

Vitaliy V. пишет: но это не как раньше, там же закладки журнал, и стилем нельзя скрыть только для загрузок, в скрипт если только добавить код

Я предполагал, что это может быть не так просто и скроется больше чем надо, но подумал - авось. Это уже блажь с моей стороны, и так получилось великолепно. Виталий, всё отлично, больше правок не требуется. Благодарю :beer:

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

Vitaliy V. пишет: upd: исправил #placesViewsDeck на #downloadsRichListBox в places_win.js, мелочь но лучше на #downloadsRichListBox листенер сделать

Спасибо, забрал и заменил + перезапуск ПКМ.

Отредактировано sandro79 (05-11-2019 11:24:19)

sibirnik · №6880

Прошу помощи, если такое возможно, перенести панель вкладок вниз браузера (ESR 68.2). Папка Chrome с файлами userChrome.css и userContent.css присутствует. А вот на остальное мозгов не хватает. Много страниц форума прочитал. но решения этой задачи не нашёл. Спасибо.

Stkvsky · №6881

sibirnik
https://forum.mozilla-russia.org/viewto … 79#p774579

shadow_user · №6882

sibirnik
Не на строке статуса, а ниже строки адреса и панели закладок https://forum.mozilla-russia.org/viewto … 45#p766645

sibirnik · №6883

Stkvsky
Получилось.
shadow_user
Этот вариант попробую позже. Всем спасибо.

ImTempos · №6884

Прошу помощи у сообщества.
Уже давно (вроде бы в этой теме) "зацепил" себе "прозрачность меню с градиентной заливкой". Куда и как "прописал" в хроме - не могу вспомнить.
Прошу помочь "убавить" прозрачность в основном меню и выпадающем закладок, т.к. на белом фоне страниц - стало не читабельно. С контекстным меню - терпимо.
FF 70.0.1, Custom CSS прилагается, тема Dark Fox 2.0.
https://drive.google.com/file/d/1BP4Tno … sp=sharing

sandro79 · №6885

ImTempos пишет

Куда и как "прописал" в хроме - не могу вспомнить.

Отключаете @import-ы поочерёдно, перезагружая браузер, пока меню не станут дефолтными. Ваш стиль в файле \chrome\config\color_variables_0.css, второй @import "./config/color_variables_0.css"; /**/ /* <- default 'grey' colors */ в userChrome.css.

ImTempos · №6886

sandro79, оно! Спасибо.
Но суть вопроса "настроить градиент" - актуален

solombala · №6887

Vitaliy V.
#customizationui-widget-panel (margin-top: xpx;)
Пытаюсь подтянуть вверх all-tabs

Так и это вверх едет...И наезжает на икону "История"

Vitaliy V. · №6888

solombala
#customizationui-widget-panel[viewId="allTabsMenu-allTabsView"]

solombala · №6889

Vitaliy V.
Нема эффекта...В browser.xtml так
<panelmultiview mainViewId="allTabsMenu-allTabsView" disablekeynav="true">
<panelview id="allTabsMenu-allTabsView" class="PanelUI-subView">

Отредактировано solombala (06-11-2019 18:50:47)

Vitaliy V. · №6890

solombala пишет

В browser.xtml так

не совсем так там для таких панелей генерируется временная панель с одинаковым id #customizationui-widget-panel
omni/chrome/browser/content/browser/customizableui/panelUI.js
...
let tempPanel = document.createXULElement("panel");
tempPanel.setAttribute("type", "arrow");
tempPanel.setAttribute("id", "customizationui-widget-panel");
tempPanel.setAttribute("class", "cui-widget-panel panel-no-padding");
tempPanel.setAttribute("viewId", aViewId);
...
но атрибут viewId разный в зависимости от контента

смотри стили значит мешают у меня работает (-6px там должно)

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

Выделить код

Код:

#customizationui-widget-panel[viewId="allTabsMenu-allTabsView"] {
  margin-top: -6px !important;
}

solombala · №6891

Vitaliy V.
Да, было...Теперь Гуд!
Вопрос не мой, но все же...
FF70 не получается старым способом (посредством userChrome.css и userContent.css) сделать так, чтобы отображались только значки закладок - в чем заковыка?

Отредактировано solombala (07-11-2019 13:52:02)

css · №6892

Здравствуйте. Обновила [firefox] до 70й версии, отвалились все настройки. Страдаю безмерно. Помогите, пожалуйста, вернуть как было.
toolkit.legacyUserProfileCustomizations.stylesheets = true

userChrome.css

/* AddonBar */
@import url("./AddonBar/AddonBar.css");
@import url(./css/tabs/tab_close_show_on_hover_only.css);

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/history/history-panel.xul"),
url("chrome://browser/content/places/places.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;}
/*browser.tabs.tabMinWidth = ширина вкладок*/

/* Context Menu Tweaks */
#context-sendpagetodevice,#context-sep-sendpagetodevice,
#context-sendlinktodevice,#context-sep-sendlinktodevice,
#context_sendTabToDevice,#context_sendTabToDevice_separator,
#context_duplicateTab,#tm-separator-1,#context_bookmarkAllTabs,
#tm-linkWithhistory,#tm-linkWithhistory
#context_reloadAllTabs,#context-openlinkprivate,#context-setDesktopBackground,
#context-sendimage,#context-sep-copyimage,#context-openlink,#tm-autoreload_menu
{display:none!important;}

/* Context Menu Icons */
menupopup menu:not(.menu-iconic)
{-moz-binding:url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;-moz-image-region:auto !important;}
menupopup menuitem:not([type="checkbox"]):not([type="radio"])
{-moz-binding:url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;-moz-image-region:auto !important;}
menupopup :-moz-any(menu:not(.menu-iconic),menuitem:not([type="checkbox"]):not([type="radio"])) > .menu-iconic-left
{-moz-appearance:menuimage !important;padding-top:2px;}

menuitem[id*="todevice"],menuitem[id*="ToDevice"]
{list-style-image:url("./icons/send-to-device.png") !important;}
#context-savelink,#context-savepage
{list-style-image:url("./icons/save.png") !important;}
#context_duplicateTab,#tm-duplicateTab
{list-style-image:url("./icons/tab-duplicate.png") !important;}
#context_closeTab{list-style-image:url("./icons/tab-close.png") !important;}
#context_closeOtherTabs{list-style-image:url("./icons/tab-close-other.png") !important;}
#tm-protectTab{list-style-image:url("./icons/tab-protect.png") !important;}
#tm-lockTab{list-style-image:url("./icons/tab-lock.png") !important;}
#context_toggleMuteTab{list-style-image:url("./icons/mute.png") !important;}
#context_pinTab{list-style-image:url("./icons/pin.png") !important;}
#context_unpinTab{list-style-image:url("./icons/unpin.png") !important;}
#context-openlinkintab{list-style-image:url("./icons/link-new-tab.png") !important;}
#context-bookmarklink,#context_bookmarkTab
{list-style-image:url("./icons/bookmark.png") !important;}
#toolbar-context-bookmarkAllTabs
{list-style-image:url("./icons/bookmarks.png") !important;}
#context-viewimage{list-style-image:url("./icons/image-open.png") !important;}
#context-viewbgimage{list-style-image:url("./icons/imagebg-open.png") !important;}
#context-copyimage-contents{list-style-image:url("./icons/image-copy.png") !important;}
#context-copyimage{list-style-image:url("./icons/image-copy-link.png") !important;}
#context-saveimage{list-style-image:url("./icons/image-save.png") !important;}
#context-viewimageinfo{list-style-image:url("./icons/image-info.png") !important;}
#context-searchselect{list-style-image:url("./icons/search.png") !important;}
.customize-context-moveToPanel{list-style-image:url("./icons/to-panel.png") !important;}
.customize-context-removeFromToolbar{list-style-image:url("./icons/delete.png") !important;}
.viewCustomizeToolbar{list-style-image:url("./icons/edit.png") !important;}
menuitem[label*="Добавить новую кнопку"]{list-style-image:url("./icons/button-add.png") !important;}

menuitem[idl*="undo"],menuitem[label*="Восстановить"]
{list-style-image:url("./icons/undo.png") !important;}
menuitem[id*="open:newtab"],menuitem[id*="_openContainer:tabs"]
{list-style-image:url("./icons/tab-new.png") !important;}
menuitem[id*="open:newwindow"]{list-style-image:url("./icons/win-new.png") !important;}
menuitem[id*="open:newprivatewindow"]{list-style-image:url("./icons/win-new-private.png") !important;}
menuitem[id*="new:bookmark"],#placesContext_createBookmark
{list-style-image:url("./icons/new-bookmark.png") !important;}
menuitem[id*="new:folder"]{list-style-image:url("./icons/new-folder.png") !important;}
menuitem[id*="new:separator"]{list-style-image:url("./icons/new-separator.png") !important;}
menuitem[id*="sortBy:name"]{list-style-image:url("./icons/sort-by-name.png") !important;}
#placesContext_deleteHost{list-style-image:url("./icons/clear-history.png") !important;}
#placesContext_open{list-style-image:url("./icons/open.png") !important;}
#context-copylink,#tm-copyTabUrl,#context-copy,#placesContext_copy
{list-style-image:url("./icons/copy.png") !important;}
#context-cut,#placesContext_cut{list-style-image:url("./icons/cut.png") !important;}
#context-paste,#placesContext_paste{list-style-image:url("./icons/paste.png") !important;}
#context-delete{list-style-image:url("./icons/erase.png") !important;}
#placesContext_delete,#placesContext_delete_history{list-style-image:url("./icons/bin.png") !important;}
#context-selectall{list-style-image:url("./icons/select-all.png") !important;}
#spell-check-enabled{list-style-image:url("./icons/spell-check.png") !important;}

#tm-openinverselink{list-style-image:url("./icons/link-new-tab-bg.png") !important;}
#context_reloadTab{list-style-image:url("./icons/reload.png") !important;}
menuitem[id*="reloadAllTabs"]{list-style-image:url("./icons/reload-all.png") !important;}

#context-inspect{list-style-image:url("./icons/inspect.png") !important;}
menuitem[label*="Исходный код"]{list-style-image:url("./icons/code.png") !important;}
#context-viewinfo,menuitem[id*="show:info"]{list-style-image:url("./icons/info.png") !important;}

menuitem[label="Google"]{list-style-image:url("./icons/google.png") !important;}
menuitem[label="Yandex"]{list-style-image:url("./icons/yandex.png") !important;}
:-moz-any(menuitem[label*="Настройки"],menuitem[label*="Options"])
{list-style-image:url("./icons/options.png") !important;}
menuitem[label*="скриншот"]{list-style-image:url("./icons/screen.png") !important;}

/* Tabs Tweaks */
.tabbrowser-tab[visuallyselected="true"] .tab-content{outline:2px solid #80E7E8!important;outline-offset:-2px!important;}

#manager #manager-title{font-weight:400!important;}
#manager-block-current{padding-top:0!important;}
#manager-functions,#manager-pattern-list{font-size:88%!important;}

/*Move the hamburger menu*/
#PanelUI-button
{-moz-box-ordinal-group:0;border-left:none!important;position:absolute;right:-2px!important;}
:root[uidensity=compact] #PanelUI-button{margin-top:-28px;}
#PanelUI-button{margin-top:-30px;}
:root[uidensity=touch] #PanelUI-button{margin-top: -36px;}
#PanelUI-menu-button
{color:#FFFFFF!important;fill:#FFFFFF!important;}

/*.panel-viewstack{max-height:500px!important;}*/

}

Нижний тулбар включила настройкой browser.urlbar.megabar. Следовательно, стили работают. Но не работает настройка вкладок и иконки для пунктов меню. У меня вкладки были в несколько строк, а сейчас в одну, это очень неудобно.

Вкладки починила. У кого будет подобная проблема:
В файле userChrome.css заменить

Выделить код

Код:

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

на

Выделить код

Код:

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

По ходу пользования новы фф возникли ещё проблемы:
- Контекстное меню совсем пропало. Те пункты, для который в моём userChrome.css заданы значки. Подскажите, пожалуйста, как их вернуть. И чтоб со значками.
- Если нажать на адресную строку, то раньше весь адрес автоматически выделялся. Сейчас нет. Можно ли вернуть как было и как?
- Если установить курсор в адресной строке, то её распирает во все стороны. Возможно, это очень современно, но мне неудобно. Как запретить адресной строке изменять свои размеры и вылезать за пределы тулбара?
- Внезапно отвалились инструменты браузера. Просто перестали открываться после перезагрузки. Единственное, что изменялось перед поломкой – userChrome.css. Есть шанс починить?

Отредактировано css (10-11-2019 19:34:48)

sandro79 · №6893

css пишет: Нижний тулбар включила настройкой browser.urlbar.megabar

Странно, browser.urlbar.megabar - true как раз таки влияет на вот это:

css пишет: - Если установить курсор в адресной строке, то её распирает во все стороны... Как запретить адресной строке изменять свои размеры и вылезать за пределы тулбара?

Отключите browser.urlbar.megabar и перезапустите браузер. upd: Или можно взять стиль для browser.urlbar.megabar - true, для [firefox] 70 здесь.

css пишет: В файле userChrome.css заменить

https://forum.mozilla-russia.org/viewto … 78#p773078

css пишет: Те пункты, для который в моём userChrome.css заданы значки.

Не так давно, человек сделал и поделился стилем с иконками для меню, там есть и обсуждение спецов, как грамотней всё это реализовать.

Отредактировано sandro79 (10-11-2019 23:39:01)

css · №6894

sandro79, спасибо за ссылку. Благодаря подсказке, мне удалось восстановить часть значков, но не все. Некоторые пункты меню сопротивляются.

А без включения browser.urlbar.megabar, я не могла включить нижний кастомный тулбар. Ни пункта в меню не было, ничего. После включения browser.urlbar.megabar, он появился. либо я совсем уж невнимательная. Сейчас отключила, тулбар остался, пункт меню остался, а адресная строка стала вести себя прилично. Спасибо!

Теперь осталось понять, что случилось с инструментами браузера. Выбираю их, но ничего не происходит. Даже не посмотреть, что с пунктами контекстного меню не так, что к ним значки не прилипают.
Запускала фф без дополнений, инструменты браузера не починились. Тема стоит дефолтная.

Отредактировано css (11-11-2019 01:15:00)

_zt · №6895

css
Извините если не в тему. Но вы включили пункты - Инструменты разработчика >> • • • >> Параметры >>> 1. "Включить инструменты отладки..." и 2. "Включить удаленную отладку"?

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

Потом надо перезагрузить браузер. Далее, при активации "инструментов браузера" будет сетевой запрос, который надо разрешить.
И на память. В "инструментах браузера", если будете активировать пункт "отключить автоскрытие окон..." в пункте • • •, то не забудьте его деактивировать перед перезагрузкой/выключением [firefox]

.

Отредактировано _zt (11-11-2019 06:09:41)

css · №6896

_zt, инструменты отключились внезапно и сами. До этого они исправно работали, и все настройки для них у меня есть. Но я ещё раз проверила, вот скрин

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

Если инструменты браузера недоступны, а до этого было отключено автоскрытие окон (как произошло у меня, например), то включить можно обратно в конфиге. Либо devtools.popup.disable_autohide, либо ui.popup.disable_autohide, точно не помню. Но в нормальном состоянии, оба параметра должны быть отключены.

Когда я выбираю инструменты браузера, фф что-то там недолго думает, обычно, после подумывания, появляется сетевой запрос на разрешение, после – сами инструменты. Сейчас же ничего не происходит.
Инструменты браузера перестали открываться вдруг. Я несколько раз перезагрузила браузер с открытыми инструментами браузера. После нескольких перезагрузок, инструменты открывались автоматически, с предварительным окном запроса разрешений. После n-ной перезагрузки браузера, инструменты автоматически не открылись, вручную их тоже не открыть.

Отредактировано css (11-11-2019 15:41:39)

Vitaliy V. · №6897

css
chrome_debugger_profile удалить не

насчет нижней панели (vertical_top_bottom_bar.zip)
в ff 72 всё биндинги не работают,
так что лучше переходить на user_chrome_files.zip
и возможно на esr или developer edition

Отредактировано Vitaliy V. (11-11-2019 16:13:43)

css · №6898

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

Скачала user_chrome_files.zip. Поместила папку Firefox в папку с установленнм браузером. В файле userChrome.css заменила строку

Выделить код

Код:

@import url("./AddonBar/AddonBar.css");

на

Выделить код

Код:

@import url(./user_chrome_files/vertical_top_bottom_bar/vertical_top_bottom_bar.css);

И тулбар как будто бы и не переподключался. Просто супер! Спасибо!

Vitaliy V. пишет

и возможно на esr или developer edition

В 72й версии фф вообще, что ли, всё отвалится?

Отредактировано css (11-11-2019 19:30:17)

Vitaliy V. · №6899

css пишет

Поместила папку Firefox в папку с установленнм браузером

не папку а содержимое папки Firefox с сохранением каталогов как есть в директорию установки Firefox.

css пишет

В файле userChrome.css заменила строку

вам не нужно ничего подключать в userChrome.css можно и удалить его совсем и даже отключить
toolkit.legacyUserProfileCustomizations.stylesheets = false
панели и так должны работать

css пишет

В 72й версии фф вообще, что ли, всё отвалится?

не знаю как в 72 но в релизных версиях давно хотят запретить запускать произвольный js код с помощью конф. файлов
типа для безопасности но это бред если вредоносное ПО с правами администратора оно может сделать всё что угодно хоть весь [firefox] заменить

Отредактировано Vitaliy V. (11-11-2019 20:32:16)

css · №6900

Vitaliy V., я невнимательная. :angry:

Vitaliy V. пишет

релизных версиях давно хотят запретить запускать произвольный js код с помощью конф. файлов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Код:

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

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

Код:

Код:

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

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

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

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

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

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

Код:

Код:

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

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

Board footer