glok, на данный момент, для 59 используйте последнюю или начиная с версии Classic CSS tweaks for Firefox Quantum v1.7.7. Смотрите в описании комплекта, если нужных вам изменений или критических исправлений под новую версию в комплекте нет, то можно и не менять его с той периодичностью, что выкладывает его автор. Для основной 58 я использую урезанный мной вариант стилей, можете глянуть - меняю файлы в под-папках папки css на новые, и то смотрю какие изменения вносил в новые файлы автор, совместимы ли они с 58(правда менял где-то с месяц назад), так проще обновлять комплект, как мне кажется. Для nightly использую полный пакет, что в моём предыдущем сообщении. А вот в дальнейшем - ходит слух, что может вообще вырезать поддержку стилей. Вчера 61 nightly обновилась до 62 версии - изменений в работе комплект стилей вроде не заметил.
Спасибо. Всё понял.
Отсутствует
мне бы просто кнопку custom button VT поправить
Я не занимаюсь CB даже ставить лень, к тому же CB не подходит для этого ...
если по моим стилям то да.
Кстати обновил панели
https://forum.mozilla-russia.org/viewto … 80#p756580
https://forum.mozilla-russia.org/viewto … 53#p756353
возможно после сделаю без использования userChrome.css и XBL
а с помощью конфигурационных файлов в папке установки
Отредактировано Vitaliy V. (08-05-2018 18:01:12)
Отсутствует
А можно узнать, что за изменения? Спасибо
Отсутствует
что за изменения?
Для верт. панели в основном изменения для режима автоскрытия, раньше для скрытия/появления использовалось CSS (псевдокласс :hover)
и панель закрывалась если курсор находился на всплывающем окне какой-нибудь кнопки ...
В остальном ничего особенного, оптимизация.
Отсутствует
Vitaliy V.
Виталий, спасайте. Проблемы в FF 60.
1. Код для изменения высоты вкладок более не работает:
/*Сужение подсказок до размеров адресной строки*/ #urlbar > popupset[anonid="popupset"] { -moz-binding: url("data:text/xml;utf8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='urlbar-rich-result-popup'><implementation><constructor><![CDATA[ var PopupAutoComplete = document.getElementById('PopupAutoCompleteRichResult'); if (PopupAutoComplete._openAutocompletePopup) { PopupAutoComplete._openAutocompletePopup = function(aInput, aElement) { if (this.mPopupOpen) return; this.mInput = aInput; this.selectedIndex = this._isFirstResultHeuristic ? 0 : -1; this.view = aInput.controller.QueryInterface(Components.interfaces.nsITreeView); this.invalidate(); this.setAttribute('flip', 'slide'); var rect = aElement.getBoundingClientRect(); var width = rect.right - rect.left; this.setAttribute('width', width); var popupDirection = aElement.ownerDocument.defaultView.getComputedStyle(aElement).direction; this.style.direction = popupDirection; this.openPopup(aElement, 'after_start', 0, 0, false, false); } } ]]></constructor></implementation></binding></bindings>#urlbar-rich-result-popup") !important; } #PopupAutoCompleteRichResult { -moz-margin-start: 0px !important; } #PopupAutoCompleteRichResult .ac-type-icon { -moz-margin-start: 2px !important; }
Добавлено 10-05-2018 03:31:09
Vitaliy V.
Код высоты вкладок заменил своим же (из запасов). Вроде, сработал:
/*Высота вкладок*/ #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, .tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: 28px !important; }
Отредактировано ofizer (10-05-2018 03:32:07)
Отсутствует
Добавлено 10-05-2018 05:28:33
Vitaliy V
Виталий, оказалось, дело в коде для сужения подсказок до размеров адресной строки. Если его удалить из userChrome.css - подсказки появляются.
Вы не могли бы помочь с обновлением кода? Был бы крайне признателен.
Отредактировано ofizer (10-05-2018 05:29:17)
Отсутствует
Код для изменения высоты вкладок более не работает:
Это не мой код я вот такой выкладывал https://forum.mozilla-russia.org/viewto … 58#p751058
Ваш код для сужения показа подсказок в адресной строке:
Да я его обновлял уже для 60 https://forum.mozilla-russia.org/viewto … 04#p755304
Отсутствует
Vitaliy V.
Вы мне писали вот такой код:
#main-window:-moz-lwtheme-brighttext { /* Для темных тем */ --url-and-searchbar-background-color: #ffffff !important; /* Цвет Адресной панели и Панели поиска */ --url-and-searchbar-color: black !important; /* Цвет шрифта внутри Адресной строки и Панели поиска */ --chrome-background-color: #0a740a !important; /* Цвет Панели вкладок */ --chrome-color: #ffffff !important; /* Цвет всех кнопок, папок и шрифта для закладок и папок в Панели закладок */ --lwt-text-color: #ffffff !important; --chrome-secondary-background-color: #0a740a !important; /* Цвет Панели инструментов и Панели закладок */ --urlbar-separator-color: black !important; /* Цвет сепаратора внутри Адресной строки */ --toolbox-border-bottom-color: black !important; /* Цвет нижнего Бордюра под Панелью закладок */ --chrome-nav-bar-controls-border-color: black !important; /* Цвет Бордюра Адресной панели и Панели поиска */ --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */ --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */ --toolbar-bgcolor: #0a8c0a !important; /* Цвет Активной вкладки */ --toolbar-bgimage: none !important; /* Нет рисунка в Активной вкладки */ --toolbar-color: #ffffff !important; /* Цвет шрифта Активной вкладки */ --lwt-tab-text: #ffffff !important; --toolbarbutton-icon-fill-opacity: 1 !important; }
Так вот, при обновлении до FF 60 в этом коде перестало работать:
--tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */ --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
Помогите исправить эти значения в коде
Отредактировано v4386 (10-05-2018 14:46:08)
Отсутствует
v4386
#tabbrowser-tabs:-moz-lwtheme-brighttext { --tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */ } #navigator-toolbox:-moz-lwtheme-brighttext { --tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */ }
Отсутствует
ofizer пишетКод для изменения высоты вкладок более не работает:
Это не мой код я вот такой выкладывал https://forum.mozilla-russia.org/viewto … 58#p751058
ofizer пишетВаш код для сужения показа подсказок в адресной строке:
Да я его обновлял уже для 60 https://forum.mozilla-russia.org/viewto … 04#p755304
Крайне благодарен, Виталий. Извините за излишнее беспокойство.
Отсутствует
Возможно ли кастомизировать цвет фона, когда страница еще не начала грузиться?
Поясню: открываю новую вкладку или обновляю страницу - какое-то время вижу перед собой белый фон, как поменять его цвет?
Боюсь, что средствами стилей такое не провернуть. Или провернуть, но с тотальным кастомом фона...
Отсутствует
Viktor217 https://forum.mozilla-russia.org/viewto … 11#p753311, что для userContent.css код, у меня не сработал.
И в довесок Dark Mode (WebExtension)
Отредактировано sandro79 (11-05-2018 01:43:09)
Отсутствует
Vitaliy V.
Виталий, у меня почему-то не работает:
#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) { --tab-min-height: 23px !important; --toolbarbutton-inner-padding: 3px !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; } }
Отсутствует
ofizer
Отсутствует
ofizer
скрытый текст
если не убрали свой код /*Высота вкладок*/ то будет мешать или ему подобные.
и ещё там исключение если выбраны мобильные значки код не работает
:not([uidensity="touch"])
Да нет, свой код, разумеется, убрал перед тем, как вставить Ваш (сейчас вновь пришлось вернуть). Мобильные значки не включены.
Вот:
Отсутствует
v4386скрытый текстВыделить кодКод:#tabbrowser-tabs:-moz-lwtheme-brighttext {
--tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
}#navigator-toolbox:-moz-lwtheme-brighttext {
--tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}
Vitaliy V., от души!
Странно, что только эти два значения перестали работать в том коде. С остальными значениями, вроде, всё в порядке.
Отсутствует
Vitaliy V. пишетv4386скрытый текстВыделить кодКод:#tabbrowser-tabs:-moz-lwtheme-brighttext {
--tab-line-color: #ffffff !important; /* Цвет полоски сверху в активной вкладке */
}#navigator-toolbox:-moz-lwtheme-brighttext {
--tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}Vitaliy V., от души!
Странно, что только эти два значения перестали работать в том коде. С остальными значениями, вроде, всё в порядке.
А у меня этот код работает в 60
#navigator-toolbox:-moz-lwtheme-brighttext {
--tabs-border-color: #ffffff !important; /* Цвет Бордюра над Панелью инструментов */
}
Отсутствует
Он работает лишь с компактными.
Нет у меня работает с обычными тоже, исправил ошибки и изменил ваш userChrome.css, кодировку только нужно изменить на UTF-8 без BOM,
пробуйте
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@-moz-document url("chrome://browser/content/browser.xul") {
/*Вкладки внизу*/
#navigator-toolbox > #toolbar-menubar {
-moz-box-ordinal-group: 1 !important;
}#navigator-toolbox > #nav-bar {
-moz-box-ordinal-group: 2 !important;
}#navigator-toolbox > #PersonalToolbar {
-moz-box-ordinal-group: 3 !important;
}#navigator-toolbox > toolbar {
-moz-box-ordinal-group: 10 !important;
}#navigator-toolbox > #TabsToolbar {
-moz-box-ordinal-group: 100 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}#main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar {
padding-inline-end: 140px !important;
}#TabsToolbar .titlebar-placeholder[type="caption-buttons"],
#TabsToolbar .titlebar-placeholder[type="pre-tabs"],
#TabsToolbar .titlebar-placeholder[type="post-tabs"] {
display: none !important;
}#titlebar-buttonbox {
z-index: 2 !important;
}/*Ширина вкладок*/
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 50px !important;
max-width: 250px !important;
}/*Высота вкладок*/
#main-window:not([uidensity="touch"]) :-moz-any(#titlebar,#TabsToolbar,#tabbrowser-tabs) {
--tab-min-height: 23px !important;
--toolbarbutton-inner-padding: 3px !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;
}
}/*Сужение подсказок до размеров адресной строки*/
#urlbar > popupset[anonid="popupset"] {
-moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:html='http://www.w3.org/1999/xhtml' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='urlbar-rich-result-popup'><implementation><constructor><![CDATA[ var PopupAutoComplete = document.getElementById('PopupAutoCompleteRichResult'); if (!PopupAutoComplete._openAutocompletePopup) return; PopupAutoComplete._openAutocompletePopup = function(aInput, aElement) { if (this.mPopupOpen) return; if (!this.style.direction) this.style.direction = aElement.ownerGlobal.getComputedStyle(aElement).direction; let popupDirection = this.style.direction; let rect = aElement.getBoundingClientRect(); let width = rect.right - rect.left; this.setAttribute('width', width); this.setAttribute('flip', 'slide'); this.mInput = aInput; this.input.controller.setInitiallySelectedIndex(this._isFirstResultHeuristic ? 0 : -1); this.input.userSelectionBehavior = 'none'; this._invalidate(); try { let whichNotification = aInput.whichSearchSuggestionsNotification; if (whichNotification != 'none') { let impressionId = this._searchSuggestionsImpressionId = {}; this.addEventListener('popupshown', () => { if (this._searchSuggestionsImpressionId == impressionId) aInput.updateSearchSuggestionsNotificationImpressions(whichNotification); }, {once: true}); this._showSearchSuggestionsNotification(whichNotification, popupDirection); } else if (this.classList.contains('showSearchSuggestionsNotification')) { this._hideSearchSuggestionsNotification(); } } catch (ex) { } this.openPopup(aElement, 'after_start', 0, 0, false, false); }; ]]></constructor></implementation></binding></bindings>#urlbar-rich-result-popup") !important;
}#PopupAutoCompleteRichResult {
margin-inline-start: 0px !important;
}#PopupAutoCompleteRichResult .ac-type-icon {
margin-inline-start: 2px !important;
}/*Кнопки Закладки и Журнал*/
vbox#browser-bottombox {
-moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='buttons'><implementation><constructor><![CDATA[ var CustomizableUI = window.CustomizableUI; if (!CustomizableUI) { try { CustomizableUI = Components.utils.import('resource:///modules/CustomizableUI.jsm', {}).CustomizableUI; } catch(e) { return; } } var _getWidget = (id) => { var widget = CustomizableUI.getWidget(id); if (!widget || widget.provider != CustomizableUI.PROVIDER_API) return true; return false; }; try { let id = 'add-view-history-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'История', tooltiptext: 'Показать / Скрыть Историю', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewHistorySidebar'); } }); } } catch(e) {} try { let id = 'add-view-bookmarks-sidebar-button-for-ofizer'; if (_getWidget(id)) { CustomizableUI.createWidget({ id: id, label: 'Закладки', tooltiptext: 'Показать / Скрыть Закладки', onCommand: function(event) { var win = event.target.ownerDocument.defaultView; win.SidebarUI.toggle('viewBookmarksSidebar'); } }); } } catch(e) {} ]]></constructor></implementation></binding></bindings>#buttons");
}#add-view-history-sidebar-button-for-ofizer {
list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 38,8 C 28.9,6.6 19.5,3.34 12,10 5.05,18.2 4.21,27.7 8,38 L 18,48 H 45.5 C 47,47.9 47.9,47 48,45.5 V 18'/><path style='fill:white;' d='M 24,3 C 12.3,3 3,12.3 3,24.1 3,35.7 12.3,45 24,45 35.7,45 45,35.7 45,24.1 45,12.3 35.7,3 24,3 Z M 24,39.9 C 15.3,39.9 8.1,32.7 8.1,24.1 8.1,15.3 15.3,8.1 24,8.1 32.7,8.1 39.9,15.3 39.9,24.1 39.9,32.7 32.7,39.9 24,39.9 Z M 31.5,21 H 27 V 15 C 27,13.2 25.8,12 24,12 22.2,12 21,13.2 21,15 V 24.1 C 21,25.8 22.2,27 24,27 H 31.5 C 33.3,27 34.5,25.8 34.5,24.1 34.5,22.2 33.3,21 31.5,21 Z' /></g></svg>") !important;
}#add-view-bookmarks-sidebar-button-for-ofizer {
list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 48 48'><g><path d='M 2.438,0 C 1.087,0 0,1.088 0,2.438 V 45.56 C 0,46.91 1.087,48 2.438,48 H 45.56 C 46.91,48 48,46.91 48,45.56 V 2.438 C 48,1.088 46.91,0 45.56,0 Z' style='fill:black;fill-opacity:1;' /><path style='opacity:0.25;fill:black;' d='M 24,3 11.1,45 14.1,48 H 45.58 C 46.93,48 48,46.9 48,45.53 V 22.2 L 45,19.2 39,18 Z'/><path style='fill:white;' d='M 45,19.05 C 45.09,19.34 36.05,30.02 35.96,30.3 35.86,30.57 37.21,44.81 36.97,45 36.76,45.15 24.28,39.43 24,39.43 23.73,39.43 11.25,45.16 11.03,45 10.79,44.81 12.11,30.57 12.02,30.3 11.94,30.02 2.911,19.34 3.001,19.05 3.087,18.77 16.37,15.69 16.6,15.53 16.82,15.35 23.72,3 24,3 24.28,3 31.18,15.35 31.4,15.53 31.63,15.69 44.88,18.75 45,19.05' /></g></svg>") !important;
}/*Автодобавление закладок звездочкой без всплывающего меню*/
#urlbar image#star-button {
-moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl' xmlns:xul='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul' xmlns:xbl='http://www.mozilla.org/xbl'><binding id='starred'><handlers><handler event='click' button='0'><![CDATA[ if (this.hasAttribute('starred')) return; event.preventDefault(); event.stopPropagation(); var io = Components.classes['@mozilla.org/network/io-service;1'].getService(Components.interfaces.nsIIOService); var curURI = window.gBrowser.currentURI.spec; var uri = io.newURI(curURI, null, null); var title = window.gBrowser.contentTitle; if (title === '') title = curURI; var NavBookService = Components.classes['@mozilla.org/browser/nav-bookmarks-service;1'].getService(Components.interfaces.nsINavBookmarksService); NavBookService.insertBookmark(NavBookService.unfiledBookmarksFolder, uri, NavBookService.DEFAULT_INDEX, title); ]]></handler></handlers></binding></bindings>#starred") !important;
}/* Уменьшаем высоту адресной и поисковой строки */
#main-window:not([uidensity="touch"]) :-moz-any(#urlbar,.searchbar-textbox) {
min-height: 26px !important;
margin: 1px !important;
--urlbar-icon-padding: 4px !important;
}#main-window:not([uidensity="touch"]) #urlbar .urlbar-icon {
width: 24px !important;
height: 24px !important;
}#main-window:not([uidensity="touch"]) #pageActionSeparator {
height: 24px !important;
}/*Замена цвета синей полосы в активной вкладке*/
.tab-background .tab-line {
background: Silver !important;
}/*Выделить границы вкладок*/
.tabbrowser-tab .tab-background {
outline: 1px solid Gray !important;
outline-offset: -1px !important;
}.tabbrowser-tab::after, .tabbrowser-tab::before {
opacity: 0 !important;
}
}
А у меня этот код работает в 60
А что должен не работать?
Отредактировано Vitaliy V. (11-05-2018 11:18:47)
Отсутствует
Подскажите пожалуйста... В Firefox 59.0.3, чтобы избавиться от надписи "New Tab" в заголовке новой пустой вкладки, можно было отредактировать файл omni.ja\chrome\en-US\locale\browser\newTab.dtd - там есть строка
<!ENTITY newtab.pageTitle "New Tab"> - достаточно было изменить её на <!ENTITY newtab.pageTitle "">
В Firefox 60.0 убрали файл newTab.dtd из omni.ja. Нельзя ли как-нибудь средствами userChrome.css избавиться от этой надписи "New Tab"?
Причём у меня есть код
Vitaliy V.
okkamas_knife
Огромное человеческое спасибо вам обоим!
Отредактировано Double Impact (11-05-2018 13:08:24)
Отсутствует
Double Impact
#TabsToolbar .tabbrowser-tab:-moz-any([label="New Tab"],[label="Новая вкладка"]) .tab-text { opacity: 0 !important; }
Отсутствует
Double Impact пишет: Но, если убрать слова New Tab, и оставить одни кавычки - тогда остаются и иконка, и пресловутый New Tab.
ты просто не понимаешь сути того кода
всё что до фигурной скобки это селектор, т.е признак или их совокупность по которым определяется элемент или набор элементов
то что внутри фигурных скобок это css правила которые применяются к тем элементам
в данном правиле тебе надо заменить часть селектора .таб-икон-имидж но на что не подскажу (не пользуюсь новым) можешь либо дождаться ответа других либо сам загуглить как определить селектор элемента (раньше можно было дом инспектором)
зы выше уже ответили
Отредактировано okkamas_knife (11-05-2018 12:47:57)
я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.
toxID:05AB9B827D896AACEE7FF4573A02FB8F025F46ADC856B98F65BC1BA9BD21A81DC98BA9C36CE3
Отсутствует
Коллеги, искал замену ТабМиксПлюс, а в частности двух-трехрядному располажению вкладок. Поставил вот эту штуку и все заработало https://github.com/aris-t2/customcssforfx
Но кнопка меню почему-то переместилась с панели в которой адресная строка, на панель заголовка в левый верхний угол ко всем вкладкам и занимает там прилично места. Как ее оттуда убрать?
А еще как сделать вкладки меньше по ширине? browser.tabs.tabMinWidth не помогает, после определенного значения перестает уменьшать, а меня бы устроило и очень маленькое значение, например 10.
Отсутствует
Но кнопка меню почему-то переместилась с панели в которой адресная строка, на панель заголовка в левый верхний угол ко всем вкладкам и занимает там прилично места. Как ее оттуда убрать?
@import url(./css/buttons/appbutton_in_titlebar.css); /**/ /* <-- label only */
ENABLING options: remove the combination of / and * before '@import'.
DISABLING options: add the combination of / and * before '@import'.
По ширине вкладки - можно править в файле стиля \chrome\config\general_variables.css или \chrome\css\tabs\tab_maxwidth.css, если по второму варианту править, то первый стиль надо отключить - перебивает.
Отредактировано sandro79 (11-05-2018 18:35:36)
Отсутствует