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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

№1187623-02-2022 15:11:11

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

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

Подскажите, пожалуйста, селектор этой области

скрытый текст
1970b8ebfe49.jpg
Хотелось бы изменить цвет фона в режимах hover, active и focus на свой, но при использовании #searchSubmit меняется только цвет фона стрелки, а не всей области.

Отсутствует

 

№1187723-02-2022 15:47:15

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

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

Алексей У.

скрытый текст
Скрин

Выделить код

Код:

.search-wrapper .search-button:hover {
  background-color: grey !important;
}
.search-wrapper .search-button:focus {
  background-color: red !important;
}

Смотрите в раздел с правилами тоже.

Отсутствует

 

№1187823-02-2022 16:39:09

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

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

sandro79 пишет

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

Выделить код

Код:

.search-wrapper .search-button:hover {
  background-color: grey !important;
}
.search-wrapper .search-button:focus {
  background-color: red !important;
}

Я пробовал делать так, но это правило, к сожалению, не работает при использовании градиентной заливки:

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

Выделить код

Код:

.search-wrapper .search-button:hover {
  background-image: linear-gradient(top, #4d90fe, #357ae8) !important;
  border: 1px solid #2f5bb7 !important;
}

.search-wrapper .search-button:active {
  background-image: linear-gradient(top, #3c7ae4, #3f76d3) !important;
  border: 1px solid #2f5bb7 !important;
}


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

sandro79 пишет

У меня так.
А  что касается фокуса, то я имел в виду это

скрытый текст
12f0d7bfefe5.jpg

Отсутствует

 

№1187923-02-2022 17:26:29

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

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

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

У меня так.

Ну ток под лупой рассматривать. Ну это адрес к иконке стрелки на скрине у вас.

А  что касается фокуса, то я имел в виду это

Так можно, остальное не знаю

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

Выделить код

Код:

.search-wrapper .search-inner-wrapper:active input {
    border-color: green !important;
    box-shadow: none !important;
}
.search-wrapper input:focus {
    border-color: red !important;
    box-shadow: none !important;
}

Отсутствует

 

№1188026-02-2022 18:25:23

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

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

Как можно сместить иконку закладки к правому краю выпадающего списка и расположить в первой строке (положение иконки должно быть привязано именно к правому краю, чтобы при изменении ширины списка она оставалась на одном и том же расстоянии от него)?

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

Отсутствует

 

№1188127-02-2022 10:56:57

Ник 22
Участник
 
Группа: Members
Зарегистрирован: 14-08-2021
Сообщений: 99
UA: Firefox 91.0

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

Подскажите полалуйста как убрать эти линии с панелей.

скрытый текст
88794037d891.png

Отсутствует

 

№1188205-03-2022 11:04:48

Djon776
Участник
 
Группа: Members
Зарегистрирован: 09-10-2020
Сообщений: 13
UA: Firefox 97.0

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

Подскажите, пожалуйста:

1) как уменьшить размер вкладок по высоте (на 1,5х-2х)

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

af8a760195f8.jpg

2) как уменьшить высоту (на 2х-2,5х) контекстного меню

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

1acef83df24a.jpg

Версия Firefox 97.0.2 (64-бита)

Отредактировано Djon776 (05-03-2022 11:06:56)

Отсутствует

 

№1188307-03-2022 10:31:47

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

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

Вопрос по userContent.css. Как убрать эту рамку вокруг кнопки закрытия?
afb3b7bc0807.jpg
Эффект возник после замены иконки на собственную, рамка появляется в режиме active, а также при правом клике на кнопке. Код замены:

Выделить код

Код:

.close-icon {
  list-style-image: url("./image/close.png") !important;
  -moz-image-region: rect(0px, 16px, 16px, 0px) !important;
  transform: scale(0.8) !important;
}

.close-icon:hover {
  -moz-image-region: rect(0px, 32px, 16px, 16px) !important;
}

.close-icon:active {
  -moz-image-region: rect(0px, 48px, 16px, 32px) !important;
}

Отсутствует

 

№1188407-03-2022 18:01:30

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

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

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

Как убрать эту рамку вокруг кнопки закрытия?

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

Выделить код

Код:

button:-moz-focusring {
  outline: none !important;
  box-shadow: none !important;
}

Отсутствует

 

№1188507-03-2022 19:06:35

tagnupip
Участник
 
Группа: Members
Зарегистрирован: 05-12-2018
Сообщений: 56
UA: Firefox 98.0

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

firefox 98. убрать оповещение о загрузке, или выставить в ноль, в about:conf. возможно?

Отсутствует

 

№1188607-03-2022 19:24:46

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

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

sandro79 пишет

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

Выделить код

Код:

button:-moz-focusring {
  outline: none !important;
  box-shadow: none !important;
}

Спасибо, вроде бы работает. Кстати, еще по этому вопросу - можно ли одним общим кодом заменить иконки всех кнопок закрытия в браузере? Мне удалось это сделать пока только для вкладок, боковой панели и всплывающих окон настроек. Вот здесь, например, не получилось

скрытый текст
42a329a3909b.jpg

Отсутствует

 

№1188707-03-2022 19:52:39

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

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

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

можно ли одним общим кодом заменить иконки всех кнопок закрытия в браузере?

Ну, похоже, что нет.

Вот здесь, например, не получилось

скрытый текст
в userContent.css

Выделить код

Код:

#toolbox-close::before {
  background-image: url("chrome://branding/content/icon16.png") !important;
}

Отсутствует

 

№1188807-03-2022 20:41:58

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

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

sandro79 пишет

скрытый текст
в userContent.css

Выделить код

Код:

#toolbox-close::before {
  background-image: url("chrome://branding/content/icon16.png") !important;
}

Добавил, но через list-style-image (у меня иконка в виде одного изображения сделана) не работает.

Отсутствует

 

№1188914-03-2022 17:05:52

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

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

Подскажите, пожалуйста, селекторы для замены цвета этих границ в окне библиотеки на собственный:

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

Отсутствует

 

№1189014-03-2022 17:36:17

sonyas75
Участник
 
Группа: Members
Откуда: Ставрополь
Зарегистрирован: 22-03-2011
Сообщений: 557
UA: Firefox 91.0

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

скажите, плиз, какой код нужен для редактирования строки поиска на about:newtab после удаления яндекса пропала иконка и вот эту вот надпись "Искать в Интернете" удалить бы :blush: (Интернет почему-то с большой буквы, гм :D )
2022-03-14-173312.png

Отредактировано sonyas75 (14-03-2022 17:37:45)

Отсутствует

 

№1189115-03-2022 08:15:44

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 237
UA: Firefox 98.0

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

Алексей У.
https://forum.mozilla-russia.org/viewtopic.php?pid=797919#p797919

Отсутствует

 

№1189215-03-2022 10:26:03

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

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

momo2000 пишет

https://forum.mozilla-russia.org/viewtopic.php?pid=797919#p797919

Спасибо, что напомнили об этом сообщении, совсем о нем забыл.:dumb: Селектор splitter сработал, #detailsPane - нет. Кстати, как искать селекторы элементов в этом окне? Через инструменты браузера не получается.

Отсутствует

 

№1189315-03-2022 17:53:51

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

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

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

Кстати, как искать селекторы элементов в этом окне?

Попробуйте во вкладке: chrome://browser/content/places/places.xhtml


Add, пардон, не обратил внимание на версию... chrome://browser/content/places/places.xul

Отредактировано kokoss (15-03-2022 18:09:43)


Win7

Отсутствует

 

№1189415-03-2022 18:01:05

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

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

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

Кстати, как искать селекторы элементов в этом окне? Через инструменты браузера не получается.

Тут скриншот в виде кода, скопировать, Вставить и перейти в строке адреса.
Можно через инструменты разработки по странице посмотреть, перейдя по адресу chrome://browser/content/places/places.xul (для 68 если)

Отсутствует

 

№1189515-03-2022 18:28:16

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

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

sandro79 пишет

Можно через инструменты разработки по странице посмотреть, перейдя по адресу chrome://browser/content/places/places.xul

Получилось, наконец. Оказалось, нужно вместо #detailsPane #detailsDeck использовать.

Отсутствует

 

№1189617-03-2022 09:51:22

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 237
UA: Firefox 98.0

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

Как сменить пунктирную рамку выделенного пункта на тонкую сплошную линию, как было раньше?
2022-03-17_115017.jpg

Отсутствует

 

№1189717-03-2022 12:53:10

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

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

momo2000 пишет

Как сменить пунктирную рамку выделенного пункта на тонкую сплошную линию, как было раньше?

Это, как я понял, не в about:preferences, а открыта в окне вкладка chrome://browser/content/preferences/dialogs/connection.xhtml
Но рамка не была сплошная раньше, просто точки в два раза меньше были, едва различимые невооружённым глазом.
Это должно помочь

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

Выделить код

Код:

:root {
  --default-focusring-width: 1px !important;
}

или так ещё можно

Выделить код

Код:

radiogroup:focus-visible > radio[focused="true"] > .radio-label-box {
  outline: 1px dotted !important;
}

Отсутствует

 

№1189817-03-2022 13:49:33

Dumby
Участник
 
Группа: Members
Зарегистрирован: 12-08-2012
Сообщений: 2249
UA: Firefox 78.0

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

sandro79 пишет

рамка не была сплошная раньше

Зато будет в Firefox 99 :) и --deafult-focusring там пойдёт лесом.


Заодно, разреши спросить: это под твоим контролем?
Если да, будешь ли коммитить, если что-то случится (ну, или просто так)?

Отсутствует

 

№1189917-03-2022 14:46:33

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

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

Dumby пишет

Зато будет в Firefox 99 :) и --deafult-focusring там пойдёт лесом

Да, по [nightly] заметил, но второй код можно использовать, чтоб было как было раньше.

Заодно, разреши спросить: это под твоим контролем?

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

Отредактировано sandro79 (17-03-2022 14:56:49)

Отсутствует

 

№1190017-03-2022 16:42:24

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

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

Dumby пишет

Заодно, разреши спросить: это под твоим контролем?
Если да, будешь ли коммитить, если что-то случится (ну, или просто так)?

Может ты возьмёшься, или уже надо искать замену?

Отсутствует

 

Board footer

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