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

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

№997626-03-2021 13:52:37

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

Dobrov пишет

Подскажите, как уменьшить поле поиска, сместить его вверх

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.search-wrapper .search-inner-wrapper {
    min-height: 28px !important;
}
.search-handoff-button .fake-caret {
    top: 6px !important;
}
.outer-wrapper:not(.only-search) {
    padding-top: 10px !important;
}
}

Dobrov пишет

при прокрутке строка поиска не исчезает, мешается сверху.

не наблюдаю такого, возможно это др. стиль
darex
можно и так, или просто добавить в ucf_custom_script_win.load

Отсутствует

 

№997726-03-2021 14:12:56

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 395
UA: Firefox 84.0

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

Vitaliy V. пишет

при прокрутке строка поиска не исчезает, мешается сверху.
не наблюдаю такого, возможно это др. стиль

На скрине видно, что при прокрутке поле поиска не исчезает. У меня установлено 8 строк плиток вместо четырёх стандартных.
user_pref("browser.newtabpage.activity-stream.topSitesRows", 8);
2021-03-26-19-07-48.png

Отсутствует

 

№997826-03-2021 14:43:46

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

Dobrov пишет

У меня установлено 8 строк плиток вместо четырёх стандартных.
user_pref("browser.newtabpage.activity-stream.topSitesRows", 8);

да это понятно, у меня прокручивается вся страница при этом, а у вас блок с плитками, поэтому и говорю что это из-за др. стиля

upd: посмотрел на [windows] и действительно не прокручивается
тогда так

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.search-wrapper .search-inner-wrapper {
    min-height: 28px !important;
}
.search-handoff-button .fake-caret {
    top: 6px !important;
}
.outer-wrapper:not(.only-search) {
    padding-top: 10px !important;
}
.search-handoff-button,
.search-wrapper input {
    background-position-x: 16px !important;
    background-size: 16px !important;
}
.fixed-search .search-wrapper {
    border-bottom: none !important;
    position: static !important;
}
.fixed-search main {
    padding-top: 0 !important;
}
}

Отредактировано Vitaliy V. (26-03-2021 15:15:19)

Отсутствует

 

№997926-03-2021 14:51:10

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 395
UA: Firefox 84.0

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

Vitaliy V. пишет

да это понятно, у меня прокручивается вся страница при этом, а у вас блок с плитками, поэтому и говорю что это из-за др. стиля

МакОС, FF84. Полностью убирал папку chrome, результат тот же, записал гифку:
Кроме того, поле поиска невозможно выбирать, пока не прокрутишь плитки вниз:
2021-03-26-19-24-27-cut-merged-1616758700321-01.gif

Отредактировано Dobrov (26-03-2021 14:53:13)

Отсутствует

 

№998026-03-2021 15:19:38

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

Dobrov пишет

МакОС

Негде посмотреть, виртуалку городить из-за этого не хочется

Отредактировано Vitaliy V. (26-03-2021 15:21:33)

Отсутствует

 

№998126-03-2021 15:57:33

Dobrov
Участник
 
Группа: Members
Зарегистрирован: 04-10-2011
Сообщений: 395
UA: Firefox 84.0

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

Vitaliy V. пишет

upd: посмотрел на [windows] и действительно не прокручивается

Спасибо, с этим стилем Поиск стал прокручиваться вместе с плитками! Убрал пустоту после Поиска так:

Выделить код

Код:

.non-collapsible-section { 
	margin-bottom: -70px !important;
}

Отредактировано Dobrov (26-03-2021 16:05:51)

Отсутствует

 

№998226-03-2021 18:43:38

darex
Участник
 
Группа: Members
Зарегистрирован: 05-07-2020
Сообщений: 30
UA: Firefox 86.0

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

Vitaliy V.

Vitaliy V. пишет

можно и так, или просто добавить в ucf_custom_script_win.load

Спасибо!

Отсутствует

 

№998327-03-2021 16:11:17

Вжух
Участник
 
Группа: Members
Зарегистрирован: 15-11-2017
Сообщений: 35
UA: Firefox 87.0

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

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

Отсутствует

 

№998427-03-2021 21:58:14

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V.
Виталий подскажите пожалуйста, возможно ли указать цвет вкладки(background-color) для вкладок about:config, about:addons, about:new?

Так получается только с "новой вкладкой"
А для about:config, about:addons как узнать путь к иконке?

Выделить код

Код:

.tabbrowser-tab[image="chrome://branding/content/icon32.png"][fadein]:not([pinned]) {
	background-color: red!important;
	background: red!important;
}

Для about:preferences нашел chrome://browser/skin/settings.svg
Подскажите для about:config, about:addons

Отредактировано Stkvsky (27-03-2021 23:57:23)

Отсутствует

 

№998528-03-2021 00:09:49

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

Stkvsky
у вас есть уже код https://forum.mozilla-russia.org/viewto … 07#p788507 ?
.tabbrowser-tab[ucf-spec="about:config"][fadein]:not([pinned]) ...

Отсутствует

 

№998628-03-2021 00:12:08

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 26
UA: Firefox 87.0

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

Подскажите как убрать пункт (Открыть фоновое изображение) из контекстного меню

Отсутствует

 

№998728-03-2021 00:14:25

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V.
Я первым делом так и пробовал но не получилось, подумал что может с такими страницами не работает
В общем не получилось, для домена сайта получается для about:config нет

Добавлено 28-03-2021 00:16:07
Добавляю в custom_style_author.css

Выделить код

Код:

.tabbrowser-tab[ucf-host="about:config"][fadein]:not([pinned]) {
background-color: red !important;  
background: red !important;
}

Добавлено 28-03-2021 00:18:00
Перезагружаю с обновлением кэша и ничего

Отредактировано Stkvsky (28-03-2021 00:18:00)

Отсутствует

 

№998828-03-2021 00:24:28

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

ulver73

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

Выделить код

Код:

#context-viewbgimage {
    display: none !important;
}


Stkvsky
у страниц about не бывает ucf-host, используйте ucf-spec или ucf-specIgnoringRef

Отсутствует

 

№998928-03-2021 00:38:03

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V.
Невнимательно смотрет, спасибо, заработало, супер

Еще один вопрос
Испольщую ваш стиль чтобы красить вкладки в цвета контейнеров

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

Выделить код

Код:

/*ЦВЕТА КОНТЕЙНЕРОВ*/
@-moz-document url("chrome://browser/content/browser.xhtml"),
    url-prefix("about:preferences"),
    url("chrome://browser/content/preferences/dialogs/containers.xhtml") {
*|*.identity-color-blue {
    --identity-tab-color: #37adff !important;
    --identity-icon-color: #37adff !important;
}

*|*.identity-color-turquoise {
    --identity-tab-color: #00c79a !important;
    --identity-icon-color: #00c79a !important;
}

*|*.identity-color-green {
    --identity-tab-color: #51cd00 !important;
    --identity-icon-color: #51cd00 !important;
}

*|*.identity-color-yellow {
    --identity-tab-color: #ffcb00 !important;
    --identity-icon-color: #ffcb00 !important;
}

*|*.identity-color-orange {
    --identity-tab-color: #ff9f00 !important;
    --identity-icon-color: #ff9f00 !important;
}

*|*.identity-color-red {
    --identity-tab-color: #ff613d !important;
    --identity-icon-color: #ff613d !important;
}

*|*.identity-color-pink {
    --identity-tab-color: #ff4bda !important;
    --identity-icon-color: #ff4bda !important;
}

*|*.identity-color-purple {
    --identity-tab-color: #af51f5 !important;
    --identity-icon-color: #af51f5 !important;
}

*|*.identity-color-toolbar {
    --identity-tab-color: #4949ff !important;
    --identity-icon-color: #4949ff !important;
}

*|*.tabbrowser-tab *|*.tab-stack {
    background-color: var(--identity-tab-color, transparent) !important;
}
}

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

скрытый текст
yphE04Z.png

Отредактировано Stkvsky (28-03-2021 00:38:40)

Отсутствует

 

№999028-03-2021 00:53:57

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

Stkvsky
возможно так, если ещё каких стилей нет

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

Выделить код

Код:

.tabbrowser-tab::after,
.tabbrowser-tab::before {
    display: none !important;
}

Отредактировано Vitaliy V. (28-03-2021 00:55:47)

Отсутствует

 

№999128-03-2021 01:29:06

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V.
О, класс, спасибо, супер

Отсутствует

 

№999228-03-2021 02:46:04

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

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

ulver73
Пользуйтесь пожалуйста поиском, никому не интересно отвечать на такие вопросы.
simpleMenuWizard

Отсутствует

 

№999328-03-2021 11:57:11

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 87.0

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

Vitaliy V.
Виталий, можно ли вернуть в контекстное меню пункт "Информация об изображении", когда щелкаешь по изображению ПКМ? Сделал снимок с Tor-а на всякий случай:

скрытый текст
c98307e7f929.png

Кто-то вчера спрашивал не в этой теме, но физически времени нет сейчас искать. Спасибо.

Отсутствует

 

№999428-03-2021 15:20:49

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

ofizer пишет

Виталий, можно ли вернуть в контекстное меню пункт "Информация об изображении"

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

Выделить код

Код:

(this.contextviewimageinfo = {
            init(that) {
                var contextMenu = this.contextMenu = document.querySelector("#contentAreaContextMenu");
                if (!contextMenu) return;
                contextMenu.addEventListener("popupshowing", this);
                that.unloadlisteners.push("contextviewimageinfo");
            },
            destructor() {
                this.contextMenu.removeEventListener("popupshowing", this);
            },
            handleEvent(e) {
                if (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup") return;
                var menuitem = document.createXULElement("menuitem");
                menuitem.setAttribute("label", "Информация об изображении");
                menuitem.setAttribute("oncommand", "_viewImageInfo();");
                menuitem.className = "menuitem-iconic";
                menuitem._viewImageInfo = this.viewImageInfo.bind(this);
                (this.contextMenu.querySelector("#context-sendimage") || this.contextMenu.lastElementChild).after(menuitem);
                this.handleEvent = () => menuitem.hidden = (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup");
            },
            viewImageInfo() {
                BrowserPageInfo(
                    gContextMenu.contentData.docLocation,
                    "mediaTab",
                    gContextMenu.imageInfo,
                    null,
                    gContextMenu.browser
                );
            },
        }).init(this);

ofizer пишет

Кто-то вчера спрашивал не в этой теме

видимо это https://forum.mozilla-russia.org/viewto … pid=789556

Отредактировано Vitaliy V. (28-03-2021 15:21:24)

Отсутствует

 

№999528-03-2021 16:18:23

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V.
Подскажите пожалуйста как указать для активной вкладки черный фон
Так вот не получается

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

Выделить код

Код:

.tabbrowser-tab[selected] { 
background-color: black !important;  
background: black !important;
}


Точнее получается но вот этот стиль который красит закладки перекрывает как то этот код
скрытый текст

Выделить код

Код:

/*ЦВЕТА КОНТЕЙНЕРОВ*/
@-moz-document url("chrome://browser/content/browser.xhtml"),
    url-prefix("about:preferences"),
    url("chrome://browser/content/preferences/dialogs/containers.xhtml") {
*|*.identity-color-blue {
    --identity-tab-color: #37adff !important;
    --identity-icon-color: #37adff !important;
}

*|*.identity-color-turquoise {
    --identity-tab-color: #00c79a !important;
    --identity-icon-color: #00c79a !important;
}

*|*.identity-color-green {
    --identity-tab-color: #51cd00 !important;
    --identity-icon-color: #51cd00 !important;
}

*|*.identity-color-yellow {
    --identity-tab-color: #ffcb00 !important;
    --identity-icon-color: #ffcb00 !important;
}

*|*.identity-color-orange {
    --identity-tab-color: #ff9f00 !important;
    --identity-icon-color: #ff9f00 !important;
}

*|*.identity-color-red {
    --identity-tab-color: #ff613d !important;
    --identity-icon-color: #ff613d !important;
}

*|*.identity-color-pink {
    --identity-tab-color: #ff4bda !important;
    --identity-icon-color: #ff4bda !important;
}

*|*.identity-color-purple {
    --identity-tab-color: #af51f5 !important;
    --identity-icon-color: #af51f5 !important;
}

*|*.identity-color-toolbar {
    --identity-tab-color: #4949ff !important;
    --identity-icon-color: #4949ff !important;
}

*|*.tabbrowser-tab *|*.tab-stack {
    background-color: var(--identity-tab-color, transparent) !important;
}
}

Отредактировано Stkvsky (28-03-2021 17:14:45)

Отсутствует

 

№999628-03-2021 17:39:39

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 87.0

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

Vitaliy V. пишет
ofizer пишет

Виталий, можно ли вернуть в контекстное меню пункт "Информация об изображении"

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

Выделить код

Код:

(this.contextviewimageinfo = {
            init(that) {
                var contextMenu = this.contextMenu = document.querySelector("#contentAreaContextMenu");
                if (!contextMenu) return;
                contextMenu.addEventListener("popupshowing", this);
                that.unloadlisteners.push("contextviewimageinfo");
            },
            destructor() {
                this.contextMenu.removeEventListener("popupshowing", this);
            },
            handleEvent(e) {
                if (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup") return;
                var menuitem = document.createXULElement("menuitem");
                menuitem.setAttribute("label", "Информация об изображении");
                menuitem.setAttribute("oncommand", "_viewImageInfo();");
                menuitem.className = "menuitem-iconic";
                menuitem._viewImageInfo = this.viewImageInfo.bind(this);
                (this.contextMenu.querySelector("#context-sendimage") || this.contextMenu.lastElementChild).after(menuitem);
                this.handleEvent = () => menuitem.hidden = (!gContextMenu.onImage || gContextMenu.webExtBrowserType === "popup");
            },
            viewImageInfo() {
                BrowserPageInfo(
                    gContextMenu.contentData.docLocation,
                    "mediaTab",
                    gContextMenu.imageInfo,
                    null,
                    gContextMenu.browser
                );
            },
        }).init(this);

ofizer пишет

Кто-то вчера спрашивал не в этой теме

видимо это https://forum.mozilla-russia.org/viewto … pid=789556

Ой, что-то не получается. Ни в userChrome, ни в userContent.

Отсутствует

 

№999728-03-2021 18:51:27

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 2074
UA: Firefox 88.0

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

Stkvsky

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

Выделить код

Код:

.tab-background[multiselected=true],
.tab-background[selected=true] {
  background-color: black !important; 
}


ofizer
Ну какой ещё css, вы думаете теперь возможно стилем такое сделать...
Этот скрипт для custom_script_win.js, и прочитайте инструкцию для UCF внимательно прежде чем писать не получается и т.д.

Отсутствует

 

№999828-03-2021 19:08:19

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 310
UA: Firefox 87.0

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

Vitaliy V.
А я скриптами никогда не пользовался. Вот сказали - всё получилось. Спасибо! :beer:

Отсутствует

 

№999928-03-2021 19:09:31

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

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

Vitaliy V.
Извиняюсь за Windows-контекст STR, но я просто обратить внимание.
В Firefox 88 завезли баг :usch:
Bug 1691860 - Make context menu separator hiding more robust


STR:
1. ПКМ на изображении.
2. ПКМ на простой (без изображения, без ничего) ссылке.
AR:
В контекстном меню торчит два подряд сепаратора
#context-sep-copylink и #context-sep-setbackground


То есть, видимо, "нам" предлагается вызывать this.contextMenu.showHideSeparators();
Так тоже, вроде, на первый взгляд, работает

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

Выделить код

Код:

(async cmd => {
	var menuitem = document.createXULElement("menuitem");
	document.getElementById("context-sendimage").after(menuitem);
	menuitem.render = function() {
		this.id = "context-viewimageinfo";
		this.setAttribute("oncommand", cmd);
		this.label = "Информация об изображении";
		(this.render = function() {
			var {context, browser} = nsContextMenu.contentData || {};
			this.hidden = !context?.onImage ||
				browser.classList.contains("webextension-popup-browser");
			this.constructor.prototype.render.call(this);
		}).call(this);
	}
})(`BrowserPageInfo(
	gContextMenu.contentData.docLocation, "mediaTab",
	gContextMenu.imageInfo, null, gContextMenu.browser
);`);

Отсутствует

 

№1000028-03-2021 19:51:13

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 68.0

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

Vitaliy V. пишет

Stkvsky

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

Выделить код

Код:

.tab-background[multiselected=true],
.tab-background[selected=true] {
  background-color: black !important; 
}

Не получается почему то, вставлял во все три: custom_style_agent, author, user
[firefox] 78

Отредактировано Stkvsky (28-03-2021 22:38:23)

Отсутствует

 

Board footer

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