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

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

№1162624-10-2021 13:33:54

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

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

EgorSokolov пишет

почему-то все равно не работает

Даже не знаю, я проверил предоставленный вариант (с call) на FF31 и FF48 и всё работает.
Ну, разумеется, в binding.xml вписал корневой элемент, иначе никак
<bindings xmlns="http://www.mozilla.org/xbl">…</bindings>


Может кнопку «Закладки» убрал в «Дополнительные инструменты и функции»?
Тогда menuitem лучше искать так:
document.getElementById(id) || gNavToolbox.palette.querySelector("#" + id)

Отсутствует

 

№1162724-10-2021 13:40:46

EgorSokolov
Участник
 
Группа: Members
Зарегистрирован: 30-12-2006
Сообщений: 122
UA: Firefox 48.0

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

to Dumby

А, вы уже успели ответить :). Я как раз в том моем посте выше только что дополнил, что на самом деле все работает на FF-45, на FF-36 не работало, но там я, наверное, где-то скорее всего опечатку сделал, фиг его знает. В общем вопрос снимается, извиняюсь :). И спасибо за подсказку с this :)

Отсутствует

 

№1162824-10-2021 17:50:35

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 22
UA: Firefox 91.0

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

Всем здравия. Может кто знает как сделать крестик закрытия вкладки прозрачным (opacity:) и чтобы было видно сквозь него заголовок вкладки . Именно заголовок а не цвет самой вкладки.

Отсутствует

 

№1162924-10-2021 18:12:10

oleg.sgh
Участник
 
Группа: Members
Зарегистрирован: 19-04-2014
Сообщений: 3141
UA: Firefox 93.0

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

igr40
Есть такой вариант:
/* крестик на вкладке при наведении */
.tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {
    display: none !important;
}

Отсутствует

 

№1163024-10-2021 23:03:50

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 332
UA: Firefox 93.0

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

Dumby
Почему мне кажется, что не активная справа становится уже(вкладка) ?
1.jpg

Отсутствует

 

№1163125-10-2021 08:18:07

ALEX_45_ORP
Участник
 
Группа: Members
Зарегистрирован: 18-01-2018
Сообщений: 162
UA: Firefox 93.0

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

ВВП оптический обман, т.к. на неактивной серый градиент ...(замерь экранной линейкой).


Win 10х64

Отсутствует

 

№1163225-10-2021 12:18:21

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

Решил настроить внешний вид 91.2.0 esr
Вроде все неплохо получилось, но остались небольшие косметические пожелания:
1. В табах все названия немного опущены вниз, также "стрелки", "плюсик" и список табов.
tab.png

Хотелось-бы отцентрировать по вертикали, если возможно.

2. Адресная строка и строка поиска если не активные - серые.
address_bar.PNG
search_bar.PNG

Хотелось-бы что-б был светлый фон, типа как раньше:
address_bar2.PNG

Для  модификации использовал: Aris-t2
Подключены:
@import "./css/tabs/classic_squared_tabs.css";
@import "./css/tabs/classic_squared_tabs_fully_squared.css";
@import "./css/tabs/tabs_below_main_content_fx74.css";

Отсутствует

 

№1163325-10-2021 12:43:31

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

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

ssn09 пишет

2. Адресная строка и строка поиска если не активные - серые.

у меня так, сори, не помню, может цвета сам менял, но там есть адрес откуда брал код

Выделить код

Код:

/* https://forum.mozilla-russia.org/viewtopic.php?pid=793842#p793842 цвет полей адресной и поисковой строк */

#urlbar:not([focused="true"], [open]) > #urlbar-background, #searchbar:not(:focus-within) {
	background-color: white !important;
}
#urlbar:not([focused="true"]) > #urlbar-background, #searchbar:not(:focus-within) {
	border-color: ThreeDShadow !important;
}
#urlbar[focused=true] > #urlbar-background {
    border: 1px solid ThreeDShadow !important;
    box-shadow: none !important;
}
#searchbar:focus-within {
    box-shadow: none !important;
    border: 1px solid ThreeDShadow !important;
}
#tracking-protection-icon-container {
	border-inline-end: 1px solid var(--autocomplete-popup-separator-color) !important;
	border-image: linear-gradient(transparent 15%, var(--autocomplete-popup-separator-color) 15%, var(--autocomplete-popup-separator-color) 85%, transparent 85%) !important;
	border-image-slice: 1 !important;
}

Отсутствует

 

№1163425-10-2021 14:11:08

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

sonyas75 пишет

ssn09 пишет2. Адресная строка и строка поиска если не активные - серые.у меня так, сори, не помню, может цвета сам менял, но там есть адрес откуда брал кодВыделить кодКод:/* https://forum.mozilla-russia.org/viewtopic.php?pid=793842#p793842 цвет полей адресной и поисковой строк

О.. спасибо, что-бы бары стали белыми необходимо только первое выражение:

Выделить код

Код:

#urlbar:not([focused="true"], [open]) > #urlbar-background, #searchbar:not(:focus-within) {
	background-color: white !important;
}

Отредактировано ssn09 (25-10-2021 14:11:24)

Отсутствует

 

№1163525-10-2021 15:44:00

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 11
UA: Firefox 93.0

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

здравствуйте! дайте нубу код чтобы вкладки оказались под адресной строкой. спс

Отсутствует

 

№1163625-10-2021 16:37:44

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 22
UA: Firefox 91.0

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

oleg.sgh пишет

igr40Есть такой вариант: /* крестик на вкладке при наведении */.tabbrowser-tab:not([pinned="true"],:hover) .tab-close-button {    display: none !important;}

Увы не работает. Заголовка вкладки не видно.

Отсутствует

 

№1163725-10-2021 18:43:18

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1392
UA: Firefox 91.0

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

igr40
Непонятно как его прозрачным сделать, но для начала надо убрать затухание.

#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {
    mask-image: none !important;
}

Отсутствует

 

№1163825-10-2021 20:01:21

Пандёнок
Участник
 
Группа: Extensions
Зарегистрирован: 04-11-2008
Сообщений: 5543
UA: Firefox 93.0

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

oleg.sgh
Красота! Я не понял, почему это вначале не работало в userChrome.css, хотя я вначале добавил его туда, а потом всё-таки поставил Стилус. Но сейчас работает и в userChrome.css, и в userContent.css!

Отсутствует

 

№1163925-10-2021 23:05:33

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

Немного попытался подкорректировать findbar (уменьшил высоту, увеличил шрифт, удлинил окно ввода для текста), но теперь слева буквы налазят на бордюр.
findbar.PNG

Выделить код

Код:

.findbar-container {
   height: 10px !important;
}

.findbar-container * { 
   padding: 0px !important;
}
.findbar-textbox { 
   width:30em !important;
   font-size: 13px !important;
}

Подскажите каким параметром можно немного сдвинуть вправо сию беду?

Отсутствует

 

№1164025-10-2021 23:49:40

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

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

ssn09 пишет

Подскажите каким параметром можно немного сдвинуть вправо сию беду?

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

Выделить код

Код:

html|input.findbar-textbox {
    appearance: none !important;
    padding: 2px 5px !important;
    padding-inline-start: 8px !important;
    width: 48em !important;
}

Win7

Отсутствует

 

№1164126-10-2021 01:29:33

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1392
UA: Firefox 91.0

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

ssn09
Вторую секцию уберите и не будет ничего никуда налазить. Вы же сами назначили всему что в контейнере нулевой отступ. А вообще это делается так:

#main-window findbar .findbar-textbox {
    text-indent: 10px !important;
}

Отсутствует

 

№1164226-10-2021 18:25:34

ssn09
Участник
 
Группа: Members
Зарегистрирован: 15-10-2021
Сообщений: 9
UA: Firefox 91.0

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

После чтения советов и экспериментов с попытками понимания как оно хоть работает, получил нормальный вариант без дефектов
Search_Done.png

Выделить код

Код:

.findbar-container {
   height: 14px !important;
}

.findbar-container * { 
   padding: 1px !important;
}

.findbar-textbox { 
   width:30em !important;
   font-size: 14px !important;
   padding-inline-start: 6px !important;
}

Отредактировано ssn09 (26-10-2021 18:25:53)

Отсутствует

 

№1164327-10-2021 09:35:00

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 22
UA: Firefox 91.0

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

_zt пишет

igr40Непонятно как его прозрачным сделать, но для начала надо убрать затухание.#tabbrowser-tabs .tab-label-container[textoverflow][labeldirection="ltr"]:not([pinned]) {    mask-image: none !important;}

Затухание убирается но буквы вкладки сквозь крестик закрытия не появляются .Непонятно где копать : свойства крестика или свойства вкладки.

Отсутствует

 

№1164427-10-2021 11:56:29

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1392
UA: Firefox 91.0

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

igr40
Я его переносил влево и он там точно также значок вкладки двигает, так что скорее всего проблема не в прозрачности а в сдвиге.
Можете сами попробовать с "-moz-box-ordinal-group: 0 !important;".

Отсутствует

 

№1164527-10-2021 12:37:30

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 11
UA: Firefox 93.0

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

спс что помогли :(

Отсутствует

 

№1164627-10-2021 14:39:37

birond
Участник
 
Группа: Members
Зарегистрирован: 02-11-2019
Сообщений: 8
UA: Firefox 93.0

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

ruslan1 пишет

спс что помогли :(

https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310, или в поиск по форуму, вбить: "вкладки под адресной строкой" и поискать подходящий вариант.

Отредактировано birond (27-10-2021 15:35:06)

Отсутствует

 

№1164727-10-2021 16:21:44

birond
Участник
 
Группа: Members
Зарегистрирован: 02-11-2019
Сообщений: 8
UA: Firefox 93.0

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

ruslan1 пишет

здравствуйте! дайте нубу код чтобы вкладки оказались под адресной строкой. спс

https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310, или в поиск по форуму, вбить: "вкладки под адресной строкой" и поискать подходящий вариант.

Отсутствует

 

№1164827-10-2021 17:32:59

thrower
Участник
 
Группа: Members
Зарегистрирован: 28-11-2013
Сообщений: 207
UA: Firefox 91.0

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

Vitaliy V.

[firefox] Расширение Right Click Close Tab.

Можно ли добавить в расширение аналогичное действие для List all tabs: закрывать вкладки ПКМ.

+ Опционально выбор, где активировать функцию - TabBar или AllTabsButton.

И - в идеале - хотелось бы такое еще и для пункта Bookmarks в Sidebar.

Отредактировано thrower (27-10-2021 17:33:20)

Отсутствует

 

№1164927-10-2021 17:56:59

ruslan1
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 11
UA: Firefox 93.0

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

birond пишет

ruslan1 пишетздравствуйте! дайте нубу код чтобы вкладки оказались под адресной строкой. спс https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310, или в поиск по форуму, вбить: "вкладки под адресной строкой" и поискать подходящий вариант.

Спасибо!

Отсутствует

 

№1165028-10-2021 16:05:07

igr40
Участник
 
Группа: Members
Зарегистрирован: 03-02-2019
Сообщений: 22
UA: Firefox 91.0

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

_zt пишет

igr40Я его переносил влево и он там точно также значок вкладки двигает, так что скорее всего проблема не в прозрачности а в сдвиге.Можете сами попробовать с "-moz-box-ordinal-group: 0 !important;".

В общем почти случайно решил вопрос прозрачности крестика . За основу взял :

скрытый текст
https://github.com/Aris-t2/CustomCSSforFx/blob/master/fx60-90/css/tabs/tab_close_at_tabs_start.css

параметр -moz-margin-end: 12px !important; надо подогнать под размер крестика и его отступа от края .

Отсутствует

 

Board footer

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