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

Будьте в курсе последних изменений в мире Mozilla, следя за нашим микроблогом в Twitter.

№1180103-02-2022 14:25:37

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 608
UA: Seamonkey 2.38
Веб-сайт

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

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
}
}

Пулучаются чёрные полосы, даже с дефолтными иконками.

Отсутствует

 

№1180203-02-2022 15:44:38

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

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

negodnik пишет

А как правильно заменять иконки? Делаю вот так:

Да правильно всё у вас.
Только если стиль не через user_chrome_files подключен, а классическим способом chrome/userContent.css, то нужно ещё включить настройку svg.context-properties.content.enabled
А с 96, как я вижу, уже и без включения svg.context-properties.content.enabled нормально отображается.

Отсутствует

 

№1180303-02-2022 16:11:12

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 608
UA: Seamonkey 2.38
Веб-сайт

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

Спасибо. Теперь нормально.
2022-02-03_160439.1643893570.png

Отсутствует

 

№1180403-02-2022 16:43:22

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

Я делал от допротоновского интерфейса картинку, затея конечно это дурацкая, имхо

Это для userContent.css коды?

Отсутствует

 

№1180503-02-2022 17:30:42

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

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

negodnik пишет

sandro79
Чтобы код был без излишеств: Сохранить как -> Оптимизированный svg...

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

Алексей У. пишет

Это для userContent.css коды?

Это редактированные коды этих двух изображений "Панель поиска" на странице с адресом about:preferences#search, а подключаются иконки так.
Т.к. для страницы(контента), значит в userContent.css или сюда или сюда в user_chrome_files

Отредактировано sandro79 (03-02-2022 17:32:28)

Отсутствует

 

№1180603-02-2022 17:47:25

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

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

Алексей У. пишет

Можно ли отредактировать эти изображения в настройках, а именно: зеркально отразить значки лупы, т. е сделать их "правыми", а не "левыми"?

А зачем вам в строке поиска эта лупа сдалась? На мой взгляд намного лучше чтобы там иконка выбранного поисковика торчала. :) searchEngineIcon.uc.js at master · alice0775

Отсутствует

 

№1180703-02-2022 21:10:58

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

negodnik, sandro79, я тут подумал и решил сделать проще - скрыл эти два изображения. Они никакой роли не играют, похоже, для наглядности сделаны.

Отсутствует

 

№1180803-02-2022 21:16:09

negodnik
 
 
Группа: Members
Зарегистрирован: 14-03-2013
Сообщений: 608
UA: Seamonkey 2.38
Веб-сайт

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

Дело хозяйское, конечно. Но ведь всё получилось как Вы хотели.

Отсутствует

 

№1180903-02-2022 21:21:51

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

negodnik пишет

Но ведь всё получилось как Вы хотели.

За коды благодарю, конечно. Оставлю как запасный вариант.

Отсутствует

 

№1181003-02-2022 23:48:39

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

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

Fiance пишет

Подскажите, что за параметр и как убрать синюю линию под активной вкладкой?

У вас явно какой-то стиль для панели вкладок используется + тема, но может так попробовать

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

Выделить код

Код:

.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)

Отсутствует

 

№1181104-02-2022 14:28:53

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

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;
}


Не помогает. У меня и так в принципе было прописано на активной вкладке 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)

Отсутствует

 

№1181204-02-2022 14:52:41

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

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

Fiance
Попробуйте так:

Выделить код

Код:

#nav-bar {    
    border-top: 0px !important;
    margin-top: -1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Win7

Отсутствует

 

№1181304-02-2022 17:45:50

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно, а не только при наборе текста (иконка по умолчанию заменена на собственную)?

скрытый текст
b7f3b6d23b6e.jpg

Отсутствует

 

№1181404-02-2022 18:28:35

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

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

Fiance пишет

Может и в теме что-то, но работало же

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

Алексей У. пишет

Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно

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

Выделить код

Код:

#searchbar .search-go-button {
  display: block;
}

У себя в этот скрипт добавил код замены стрелки на встроенную в firefox лупу
скрытый текст
Image_001.png

Выделить код

Код:

#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);

Отсутствует

 

№1181504-02-2022 18:52:18

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

kokoss пишет

Fiance
Попробуйте так:

Выделить код

Код:

#nav-bar {    
    border-top: 0px !important;
    margin-top: -1px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

Так она исчезнет тогда совсем. Мне только что бы под активной вкладкой её не было надо. А полоса остаётся только стандартная сероватая.

Отсутствует

 

№1181604-02-2022 18:55:22

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет
Алексей У. пишет

Можно ли сделать, чтобы значок "Произвести поиск" был виден постоянно

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

Выделить код

Код:

#searchbar .search-go-button {
  display: block;

Спасибо. А для .urlbar-history-dropmarker это подойдет?

Отсутствует

 

№1181704-02-2022 19:05:05

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

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

Алексей У. пишет

А для .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)

Отсутствует

 

№1181804-02-2022 19:23:31

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

sandro79 пишет

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

Тема


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;
}


Со стандартными и официальными темами работает. Сторонние по разному, но большинство походу нет.

Отсутствует

 

№1181904-02-2022 20:10:46

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

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

Fiance пишет

Сторонние по разному, но большинство походу нет

Взял только ваш код и тему, даже перезагрусился в [windows] 10, не проявляется у меня такая проблема, не представляю в чём дело.
Может тень убрать попробовать

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

Выделить код

Код:

#nav-bar:-moz-lwtheme {
  box-shadow: none !important;
}

Отсутствует

 

№1182004-02-2022 20:42:22

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

sandro79 пишет

Взял только ваш код и тему, даже перезагрусился в [windows] 10, не проявляется у меня такая проблема, не представляю в чём дело.
Может тень убрать попробовать

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

Выделить код

Код:

#nav-bar:-moz-lwtheme {
  box-shadow: none !important;
}

Парадокс. При переключении не появляется? А после перезагрузки браузера?

Тень никак не влияет.

Отсутствует

 

№1182104-02-2022 20:44:47

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

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

Fiance пишет

При переключении не появляется? А после перезагрузки браузера?

Нет.

Отсутствует

 

№1182204-02-2022 21:03:48

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

Там уже 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;
}

Оба кода работают, но происходит следующее: после того, как я сначала ставлю фокус в строку адреса и набираю какой-нибудь текст, а затем удаляю текст и снимаю фокус, исчезает кнопка добавления в закладки. Вообще, я начал все это для того, чтобы поменять местами эти две кнопки, как было в старых версиях, для этого и нужно сделать кнопку истории видимой.

Отсутствует

 

№1182304-02-2022 21:20:17

Fiance
Участник
 
Группа: Members
Зарегистрирован: 17-01-2012
Сообщений: 15
UA: Firefox 96.0

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

sandro79 пишет
Fiance пишет

При переключении не появляется? А после перезагрузки браузера?

Нет.

Нашёл причину, наконец. Оказалось виной всему vpn расширение от rutracker.org. Но каким лешим оно в стили лезет.

Отредактировано Fiance (04-02-2022 21:20:43)

Отсутствует

 

№1182404-02-2022 21:42:39

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

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

Алексей У. пишет

Вообще, я начал все это для того, чтобы поменять местами эти две кнопки, как было в старых версиях, для этого и нужно сделать кнопку истории видимой

Ну это тоже у Ариса есть. А этот код на замену тем

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

Выделить код

Код:

#page-action-buttons > #star-button-box {
  display: -moz-inline-box !important;
}

Fiance пишет

Оказалось виной всему vpn расширение от rutracker.org

Отпишитесь разработчику дополнения.

Отредактировано sandro79 (04-02-2022 22:24:41)

Отсутствует

 

№1182504-02-2022 22:01:00

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 182
UA: Firefox 68.0

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

sandro79 пишет

Ну это тоже у Ариса есть.

Спасибо, а я и не подумал туда заглянуть.

А этот код на замену тем

Этот код делает видимым кнопку истории и кнопку перехода одновременно. Кстати, проверил без стиля - кнопка добавления в закладки все равно пропадает, как я описал. Видимо, это в самом браузере так сделано, и код ни при чем.

Отсутствует

 

Board footer

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