sandro79
А как правильно заменять иконки?
Делаю вот так:
@-moz-document url("about:preferences#search"){ .searchBarHiddenImage { list-style-image: url("no-search-bar-ltr.svg") !important } .searchBarShownImage { list-style-image: url("search-bar-ltr.svg")!important } }
Пулучаются чёрные полосы, даже с дефолтными иконками.
Отсутствует
А как правильно заменять иконки? Делаю вот так:
Да правильно всё у вас.
Только если стиль не через user_chrome_files подключен, а классическим способом chrome/userContent.css, то нужно ещё включить настройку svg.context-properties.content.enabled
А с 96, как я вижу, уже и без включения svg.context-properties.content.enabled нормально отображается.
Отсутствует
Я делал от допротоновского интерфейса картинку, затея конечно это дурацкая, имхо
Это для userContent.css коды?
Отсутствует
sandro79
Чтобы код был без излишеств: Сохранить как -> Оптимизированный svg...
Спасибо за подсказку, может ещё пригодится. Но возиться с этим, с моим малым багажом знаний - ещё то удовольствие конечно.
Это для userContent.css коды?
Это редактированные коды этих двух изображений "Панель поиска" на странице с адресом about:preferences#search, а подключаются иконки так.
Т.к. для страницы(контента), значит в userContent.css или сюда или сюда в user_chrome_files
Отредактировано sandro79 (03-02-2022 17:32:28)
Отсутствует
Можно ли отредактировать эти изображения в настройках, а именно: зеркально отразить значки лупы, т. е сделать их "правыми", а не "левыми"?
А зачем вам в строке поиска эта лупа сдалась? На мой взгляд намного лучше чтобы там иконка выбранного поисковика торчала. searchEngineIcon.uc.js at master · alice0775
Отсутствует
negodnik, sandro79, я тут подумал и решил сделать проще - скрыл эти два изображения. Они никакой роли не играют, похоже, для наглядности сделаны.
Отсутствует
Но ведь всё получилось как Вы хотели.
За коды благодарю, конечно. Оставлю как запасный вариант.
Отсутствует
Подскажите, что за параметр и как убрать синюю линию под активной вкладкой?
У вас явно какой-то стиль для панели вкладок используется + тема, но может так попробовать
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background { border-bottom: none !important; }
.tab-background:is([selected], [multiselected]):-moz-lwtheme { border-bottom: none !important; }
Отредактировано sandro79 (04-02-2022 00:15:51)
Отсутствует
У вас явно какой-то стиль для панели вкладок используется + тема, но может так попробовать
Или может такскрытый текстВыделить кодКод:
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background { border-bottom: none !important; }скрытый текстВыделить кодКод:
.tab-background:is([selected], [multiselected]):-moz-lwtheme { border-bottom: none !important; }
Не помогает. У меня и так в принципе было прописано на активной вкладке border-bottom: none !important;.
Может это линия от #nav-bar, которая идёт по бокам от активной вкладки? Но там тоже всё нормально прописано. И до последнего обновления firefox не было такой проблемы. Может и в теме что-то, но работало же. Тема самая простая, цвета никакие не меняет практически. Со стандартной темой проблемы такой нет.
#nav-bar { border-top: 1px solid #0983ff !important; margin-top: -1px !important; padding-top: 1px !important; padding-bottom: 1px !important; }
Upd: что интересно если тему выключить, а потом включить, то проблема исчезает. Но после перезагрузки браузера появляется снова.
Отредактировано Fiance (04-02-2022 14:32:25)
Отсутствует
Fiance
Попробуйте так:
#nav-bar { border-top: 0px !important; margin-top: -1px !important; padding-top: 1px !important; padding-bottom: 1px !important; }
Win7
Отсутствует
Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно, а не только при наборе текста (иконка по умолчанию заменена на собственную)?
Отсутствует
Может и в теме что-то, но работало же
Ну вы хоть бы полный код стиля дали под спойлер и ссылку на используемую тему, чтоб можно было посмотреть от чего отталкиваться, а так чего гадать-то.
Попробуйте с другой похожей темой проверить.
Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно
#searchbar .search-go-button { display: block; list-style-image: url("chrome://global/skin/icons/search-textbox.svg") !important; }
// 'Search engine icon in search bar' script for Firefox 60+ by Aris // // Feature: search button shows current search engines icon (like with old search) // based on 'alternative_searchbar.uc.js' // Fx 77+ fix provided by anomiex var tries = 30; var init = function() { // Sometimes search interface is not being created in time. Retry (up to 30 times) until it does. try { document.getElementById("searchbar").currentEngine; } catch(e) { if (--tries > 0) { setTimeout(init, 1000); } } try { var searchbar = document.getElementById("searchbar"); updateStyleSheet(); // Override updateDisplay() from browsers internal 'searchbar.js' file to also update the icon var oldUpdateDisplay = searchbar.updateDisplay; searchbar.updateDisplay = function() { oldUpdateDisplay.call(this); updateStyleSheet(); }; // main style sheet function updateStyleSheet() { 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(' \ .searchbar-search-button .searchbar-search-icon { \ list-style-image: url('+document.getElementById("searchbar").currentEngine.iconURI.spec+') !important; \ } \ \ #searchbar .searchbar-search-icon { \ margin-inline-start: 4px !important; \ } \ \ #PopupSearchAutoComplete .ac-type-icon { \ display: none !important; \ } \ \ #searchbar .searchbar-textbox { \ margin-inline-start: -2px !important; \ } \ \ #PopupSearchAutoComplete .ac-title-text { \ margin-inline-start: 4px !important; \ font-size: 13px !important; \ } \ \ #searchbar .search-go-button { \ display: block; \ list-style-image: url("chrome://global/skin/icons/search-textbox.svg") !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) {} } setTimeout(init, 1000);
Отсутствует
Fiance
Попробуйте так:Выделить кодКод:
#nav-bar { border-top: 0px !important; margin-top: -1px !important; padding-top: 1px !important; padding-bottom: 1px !important; }
Так она исчезнет тогда совсем. Мне только что бы под активной вкладкой её не было надо. А полоса остаётся только стандартная сероватая.
Отсутствует
Алексей У. пишетМожно ли сделать, чтобы значок "Произвести поиск" был виден постоянно
скрытый текст
Спасибо. А для .urlbar-history-dropmarker это подойдет?
Отсутствует
А для .urlbar-history-dropmarker это подойдет?
Там уже opacity: 0; надо 1 присвоить. Вот это подойдёт.
Или так ещё
#nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > .urlbar-history-dropmarker { opacity: 1 !important; }
Отредактировано sandro79 (04-02-2022 19:19:58)
Отсутствует
Ну вы хоть бы полный код стиля дали под спойлер и ссылку на используемую тему, чтоб можно было посмотреть от чего отталкиваться, а так чего гадать-то.
Попробуйте с другой похожей темой проверить.
userchrome.css
.tab-background[selected="true"] { border-radius: 0 0 !important; margin-block: 0 0 !important; border-top: 2px solid #0983ff !important; border-left: 1px solid #0983ff !important; border-right: 1px solid #0983ff !important; border-bottom: 0 !important; } #nav-bar { border-top: 1px solid #0983ff !important; margin-top: -1px !important; padding-top: 1px !important; padding-bottom: 1px !important; }
Со стандартными и официальными темами работает. Сторонние по разному, но большинство походу нет.
Отсутствует
Сторонние по разному, но большинство походу нет
Взял только ваш код и тему, даже перезагрусился в 10, не проявляется у меня такая проблема, не представляю в чём дело.
Может тень убрать попробовать
Отсутствует
Взял только ваш код и тему, даже перезагрусился в 10, не проявляется у меня такая проблема, не представляю в чём дело.
Может тень убрать попробоватьскрытый текст
Парадокс. При переключении не появляется? А после перезагрузки браузера?
Тень никак не влияет.
Отсутствует
Там уже opacity: 0; надо 1 присвоить. Вот это подойдёт.
Или так ещёскрытый текстВыделить кодКод:
#nav-bar:not([customizing="true"]) > #nav-bar-customization-target > #urlbar-container:not(:hover) > #urlbar:not([focused]) > .urlbar-history-dropmarker { opacity: 1 !important; }
Оба кода работают, но происходит следующее: после того, как я сначала ставлю фокус в строку адреса и набираю какой-нибудь текст, а затем удаляю текст и снимаю фокус, исчезает кнопка добавления в закладки. Вообще, я начал все это для того, чтобы поменять местами эти две кнопки, как было в старых версиях, для этого и нужно сделать кнопку истории видимой.
Отсутствует
Fiance пишетПри переключении не появляется? А после перезагрузки браузера?
Нет.
Нашёл причину, наконец. Оказалось виной всему vpn расширение от rutracker.org. Но каким лешим оно в стили лезет.
Отредактировано Fiance (04-02-2022 21:20:43)
Отсутствует
Вообще, я начал все это для того, чтобы поменять местами эти две кнопки, как было в старых версиях, для этого и нужно сделать кнопку истории видимой
Ну это тоже у Ариса есть. А этот код на замену тем
Оказалось виной всему vpn расширение от rutracker.org
Отпишитесь разработчику дополнения.
Отредактировано sandro79 (04-02-2022 22:24:41)
Отсутствует
Ну это тоже у Ариса есть.
Спасибо, а я и не подумал туда заглянуть.
А этот код на замену тем
Этот код делает видимым кнопку истории и кнопку перехода одновременно. Кстати, проверил без стиля - кнопка добавления в закладки все равно пропадает, как я описал. Видимо, это в самом браузере так сделано, и код ни при чем.
Отсутствует