Я ещё только познаю азы тонких настроек на новых Firefox, можно краткий ликбез, как поставить скрипт.
Если коротко.
Установить пакет user_chrome_files от Vitaliy V.
После чего подключить нужный вам скрипт.
«The Truth Is Out There»
Отсутствует
Уменьшил высоту вкладок с помощью кода:
:root { --tab-min-height: 24px !important; } :root[uidensity=touch] { --tab-min-height: 32px !important; } #TabsToolbar { height: calc(var(--tab-min-height) + 2px) !important; }
Отсутствует
Один из способов сменить фон пустой страницы
Но так перекрывает плеер на hdrezka
https://rezka.ag/series/action/43693-v- … -2018.html
Можно как то hdrezka в исключение внести? Через Stylus тоже бесполезно, т.к. css браузера перекрывает css страниц.
Отредактировано momo2000 (13-02-2022 15:50:56)
Отсутствует
Один из способов сменить фон пустой страницы
Если правильно понял, то так:
@-moz-document url("chrome://browser/content/browser.xhtml") { #tabbrowser-tabpanels { background-color: var(--uc-light-bkgnd-color, rgba(18, 18, 18, 1)) !important; } }
добавить в userChrome.css
Отредактировано kokoss (13-02-2022 16:12:12)
Win7
Отсутствует
Через Stylus тоже бесполезно
Попробуйте это правило в Stylus или userContent.css добавить
Отредактировано sandro79 (13-02-2022 17:00:09)
Отсутствует
Есть ли возможность сделать, чтобы боковая панель не сдвигала контент окна/вкладки, а всплывала над ней?
Отсутствует
Отсутствует
Спасибо, посмотрю; после обновления до 97 версии, отвалилась настройка высоты вкладок в userChrome.css, как же всё это достало.
Есть другой вопрос, когда открыто много вкладок, справа появляется кнопка со значком ↓ , есть желание скрыть нафиг эти огромные вкладки совсем и как-то перетащить эту кнопку на панель адреса и работать с выпадающим списком вкладок из этой панели адреса.
Кнопки развернуть, закрыть Firefox в виде дополнений я нашёл, осталось как-то со списком вкладок решить.
Почему хочу эту кнопку, там есть управление звуком и полное контекстное правление вкладками, чего нет в дополнениях.
Отредактировано maxwell178 (16-02-2022 20:10:22)
Отсутствует
С помощью этого кода создал границу для #identity-box, которая отделяет иконку защищенного или незащищенного соединения ("замок") от url-адреса:
#urlbar[pageproxystate="valid"] > #identity-box { border: none !important; border-right: 1px solid #cccccc !important; margin-top: 3px !important; margin-bottom: 3px !important; margin-inline-end: 6px !important; padding-inline-end: 6px !important; }
Однако, на некоторых сайтах "замка" вообще нет, а граница все равно присутствует
Можно ли как-то внести такие адреса в исключения из этого правила (т. е. чтобы если нет иконки, границы тоже не было)?
Отсутствует
Алексей У.
#identity-icon-box { background: inherit !important; border-right: 1px solid #dddd !important; margin-top: 5px !important; margin-bottom: 5px !important; padding-inline-end: 6px !important; }
Только все конфликты не забудьте в своих стилях удалить.
Отредактировано _zt (18-02-2022 01:27:20)
Отсутствует
Алексей У.
Выделить кодКод:
#identity-icon-box { background: inherit !important; border-right: 1px solid #dddd !important; margin-top: 5px !important; margin-bottom: 5px !important; padding-inline-end: 6px !important; }
С этим кодом вообще везде граница исчезла.
Только все конфликты не забудьте в своих стилях удалить.
Вот мой стиль для строки адреса, не знаю, с чем здесь может быть конфликт
:root { --urlbar-icon-padding: 4px !important; } #urlbar .urlbar-icon { width: calc(2 * var(--urlbar-icon-padding) + 16px) !important; height: calc(2 * var(--urlbar-icon-padding) + 16px) !important; padding: var(--urlbar-icon-padding) !important; } #urlbar[pageproxystate="valid"] > #identity-box { border: none !important; border-right: 1px solid #cccccc !important; margin-top: 3px !important; margin-bottom: 3px !important; margin-inline-end: 6px !important; padding-inline-end: 6px !important; } #urlbar-container #identity-box:hover, #urlbar-container #identity-box[open] { background-color: #ffffff !important; } #identity-icon { margin-inline-start: -24px !important; } #connection-icon { margin-inline-start: 7px !important; } #identity-box #tracking-protection-icon-box, #blocked-permissions-container > .blocked-permission-icon:not(.plugin-icon) { display: none !important; } #urlbar[pageproxystate="valid"] > #identity-box.chromeUI > #identity-icon { margin-inline-start: 0px !important; } .panel-arrow { margin-left: 33px !important; } #identity-popup > .panel-arrowcontainer > .panel-arrowcontent, #protections-popup > .panel-arrowcontainer > .panel-arrowcontent { margin-inline-start: 20px !important; } #notification-popup { margin-left: -42px !important; } #urlbar-container #urlbar-zoom-button, #urlbar-container #pageActionButton, #urlbar-container #pageActionSeparator { visibility: collapse !important; } #urlbar #star-button, #main-window[uidensity=compact] #urlbar #star-button { padding: 2px 4px 2px !important; } #main-window[uidensity=compact] #urlbar[focused="true"] #star-button { padding: 1px 4px 1px !important; } #urlbar-container .urlbar-history-dropmarker { -moz-box-ordinal-group: 100 !important; opacity: 1 !important; } #urlbar-container .urlbar-history-dropmarker:hover, #urlbar-container .urlbar-history-dropmarker[open], #urlbar .urlbar-go-button { background-color: #ffffff !important; }
Отсутствует
Алексей У.
Я не знаю что такое "вообще везде". У вас в коде "border: none !important;", чего вы от этого ждете? Удалите это блок и замените моим. А вообще хз, я только сейчас заметил, что у вас 68, возможно там по другому, даже наверняка, так как помню что после 68 код FavIcon in URL-bar не единожды ломался и правился.
И в моем коде в "border-right:" цвет исправьте.
Отредактировано _zt (18-02-2022 23:09:21)
Отсутствует
С помощью этого кода создал границу для #identity-box, которая отделяет иконку защищенного или незащищенного соединения ("замок") от url-адреса
Вообще, по идее, это должно быть наверно сделано таким же образом, как на служебных страницах, как то так наверно
#urlbar[pageproxystate="valid"] > #identity-box:not(.chromeUI):not(.extensionPage):not(.notSecureText) { --urlbar-separator-color: #cccccc !important; margin-inline-end: 4px !important; border-inline-end: 1px solid var(--urlbar-separator-color) !important; border-image: linear-gradient(transparent 15%, var(--urlbar-separator-color) 15%, var(--urlbar-separator-color) 85%, transparent 85%) !important; border-image-slice: 1 !important; }
:not(.unknownIdentity) можно ещё добавить попробовать.
Однако, на некоторых сайтах "замка" вообще нет
Что за сайты, примеры этих сайтов можно? security.insecure_connection_icon.enabled в true?
Отсутствует
Я не знаю что такое "вообще везде".
Я имел в виду на всех страницах, кроме служебных. Если хотите, поставьте "чистый" Firefox (версия - любая, в последних, по-моему, так же, как в 68) и посмотрите: там по умолчанию нет разделителя между иконкой и url-адресом.
У вас в коде "border: none !important;", чего вы от этого ждете?
Правило border: none !important скрывает разделитель на служебных страницах, иначе там будет два разделителя: тот, который по умолчанию, и тот, который создал я.
Удалите это блок и замените моим.
Да, я так тоже пробовал раньше - не работает (по крайней мере, в 68).
Вообще, по идее, это должно быть наверно сделано таким же образом, как на служебных страницах, как то так наверно
Да, так тоже неплохо получается, нужно только отрегулировать значение margin, чтобы расстояния слева и справа были одинаковые.
security.insecure_connection_icon.enabled в true?
Точно, теперь появилась иконка. Забыл, когда браузер настраивал, спасибо, что напомнили.
Что за сайты, примеры этих сайтов можно?
Вот пример. Сайты с такими адресами еще часто встречаются.
Отсутствует
Можно ли поменять местами эти иконки?
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?
Отсутствует
Алексей У.
Я точно не помню, но вроде этот скрипт менял для 68 (достал из архивного 68 профиля)
// 'Favicon in urlbars identity box' script for Firefox 60+ by Aris // // This script restores current pages favicon inside urlbar (aka location bar, address bar or awesome bar). // [!] If a page does not offer a favicon, browser branches default icon is shown. // [!] In a multi-window environment pages without favicons might show wrong icons. // option: set icon for pages without favicon // Fx 70+: add favicon item to identiy box without replacing connection or tracking protection icons var i_icon = 'chrome://browser/skin/identity-icon.svg'; var sheet = 'chrome://global/skin/icons/Portrait.png'; var brand = 'chrome://branding/content/identity-icons-brand.svg'; var globe = 'chrome://mozapps/skin/places/defaultFavicon.svg'; var icon_for_pages_without_favicon = brand; // i_icon, sheet, globe or brand (colorized Fx channel icon) var appversion = parseInt(Services.appinfo.version); var FaviconInUrlbar = { init: function() { try { // on Fx 70+: add favicon to identity box without replacing existing icons if(appversion >= 70) { var favimginurlbar = document.createXULElement("image"); favimginurlbar.setAttribute("id","favimginurlbar"); favimginurlbar.style.width = "16px"; favimginurlbar.style.height = "16px"; favimginurlbar.style.marginRight = "4px"; document.getElementById('identity-box').insertBefore(favimginurlbar,document.getElementById('identity-box').firstChild); } // update script every time tab attributes get modified (switch/open tabs/windows) document.addEventListener("TabAttrModified", updateIcon, false); document.addEventListener('TabSelect', updateIcon, false); document.addEventListener('TabOpen', updateIcon, false); document.addEventListener('TabClose', updateIcon, false); document.addEventListener('load', updateIcon, false); document.addEventListener("DOMContentLoaded", updateIcon, false); function updateIcon() { setTimeout(function(){ // timeout fixes wrong icon detection in some cases // get current tabs favicon var favicon_in_urlbar = gBrowser.selectedTab.image; // if current tab offers no icon, use selected icon (icon_for_pages_without_favicon) if(!gBrowser.selectedTab.image || gBrowser.selectedTab.image == null) if(!icon_for_pages_without_favicon) favicon_in_urlbar = brand; else favicon_in_urlbar = icon_for_pages_without_favicon; // on Fx 60-69: replace globe icon with favicon // on Fx 70+: modify favicon item if(appversion >= 70) document.querySelector('#favimginurlbar').style.listStyleImage = "url("+favicon_in_urlbar+")"; else document.querySelector('#identity-icon').style.listStyleImage = "url("+favicon_in_urlbar+")"; },100); } /* restore icon badge for websites with granted permissions */ var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService); var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(' \ \ .grantedPermissions::before { \ content: "" !important; \ display: block !important; \ width: 6px !important; \ height: 6px !important; \ position: absolute !important; \ -moz-margin-start: 11px !important; \ margin-top:-8px !important; \ background: Highlight !important; \ border-radius: 100px !important; \ } \ \ '), null, null); // remove old style sheet if (sss.sheetRegistered(uri,sss.AGENT_SHEET)) sss.unregisterSheet(uri,sss.AGENT_SHEET); sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); } catch(e) {} } }; // initiate script after DOM/browser content is loaded document.addEventListener("DOMContentLoaded", FaviconInUrlbar.init(), false);
Отсутствует
И можно ли вообще сделать так, чтобы иконка соединения всегда была первой, а все остальные появлялись справа от нее?
С учётом вашего стиля для строки адреса, следует ещё добавить через запятую после #connection-icon селектор #identity-icon
Отредактировано sandro79 (21-02-2022 15:40:48)
Отсутствует
скрытый текст
Спасибо, помогло. А для похожих случаев, когда нужно изменить порядок каких-либо элементов, это правило подойдет?
Отсутствует
Отсутствует
Да, я помню, вы тогда мне очень помогли. Кстати, еще такой вопрос, может быть, вы знаете: есть ли способ изменить цвет заливки фона в разделе "Персонализация" (по умолчанию он там белый). Инструменты разработчика и инструменты браузера, к сожалению, там даже не открываются.
Отсутствует
инструменты браузера, к сожалению, там даже не открываются
Да можно выловить без проблем
#customization-content-container, #customization-panelWrapper > .panel-arrowcontent, #customization-footer { background: magenta !important; color: white !important; }
Отредактировано sandro79 (21-02-2022 19:35:38)
Отсутствует
Да можно выловить без проблем
Действительно, не сообразил почему-то перейти в другую вкладку, открыть инструменты браузера, а потом в эту вернуться.
Выделить кодКод:
#customization-content-container, #customization-panelWrapper > .panel-arrowcontent, #customization-footer { background: magenta !important; color: white !important; }
Посмотрел - оказалось, можно еще короче сделать:
Отсутствует
Посмотрел - оказалось, можно еще короче сделать:
Ну да, там чуть выше ещё селектор, и футер он снизу захватывает. У меня через инспектор так не пошло, поэтому отдельно сделал.
А не пошло у меня из-за включенной сторонней темы . Со стандартной да, работает с просто #customization-container.
Отсутствует