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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№867609-07-2020 19:26:04

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 63
UA: Firefox 78.0

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

Vitaliy V.

Vitaliy V. пишет

Если для png т.е. не нужно управлять цветом svg иконок,
попробуйте такой хак

Спасибо. Буду разбираться.

Отсутствует

 

№867709-07-2020 19:50:12

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

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

Vitaliy V.
Спасибо, так даже лучше.

Отсутствует

 

№867809-07-2020 20:14:07

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 784
UA: Firefox 78.0

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

Vitaliy V., спасибо огромное! Нравятся чистые лаконичные темы.

Отсутствует

 

№867909-07-2020 20:15:22

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

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

Vitaliy V.
Сделайте пожалуйста, что бы панель поиска скрывалась после клика на пустом месте страницы, при использовании вашего стиля: https://forum.mozilla-russia.org/viewto … 86#p782586, как это было в старом стиле где ещё использовался "bindings"!


Win7

Отсутствует

 

№868010-07-2020 12:01:57

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

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

kokoss

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

Выделить код

Код:

(this.findbarclose = {
            timer: null,
            init(that) {
                gBrowser.tabpanels.addEventListener("findbaropen", this);
                window.addEventListener("keydown", this, true);
                that.unloadlisteners.push("findbarclose");
            },
            close: function() {
                this.delay = 3000; // Задержка скрытия
                this.timer = null;
                this._init = (e) => {
                    var findbar = this.findbar = e.target;
                    var parent = this.parent = findbar.parentNode;
                    parent.addEventListener("findbarclose", this);
                    parent.addEventListener("mousedown", this);
                    var tab = this.tab = gBrowser.getTabForBrowser(findbar._browser);
                    tab.addEventListener("TabClose", this);
                };
                this.removeListener = () => {
                    this.parent.removeEventListener("findbarclose", this);
                    this.parent.removeEventListener("mousedown", this);
                    this.tab.removeEventListener("TabClose", this);
                };
                this.handleEvent = (e) => {
                    clearTimeout(this.timer);
                    if (e.type == "mousedown") {
                        if (e.target?.closest("findbar") == this.findbar)
                            return;
                        this.timer = setTimeout(() => {
                            this.removeListener();
                            if (!this.findbar.hidden)
                                this.findbar.close();
                        }, this.delay);
                        return;
                    }
                    this.removeListener();
                };
            },
            keydown(e) {
                if (e.ctrlKey && e.code == "KeyF" && !e.altKey && !e.shiftKey) {
                    if (this.timer != null) {
                        e.preventDefault();
                        return;
                    }
                    this.timer = setTimeout(() => {
                        this.timer = null;
                    }, 1000);
                    if (window.gFindBarInitialized && !gFindBar.hidden) {
                        e.preventDefault();
                        gFindBar.close();
                    }
                }
            },
            findbaropen(e) {
                (new this.close())._init(e);
            },
            handleEvent(e) {
                this[e.type](e);
            },
            destructor() {
                gBrowser.tabpanels.removeEventListener("findbaropen", this);
                window.removeEventListener("keydown", this, true);
            }
        }).init(this);

Отредактировано Vitaliy V. (03-06-2021 13:57:24)

Отсутствует

 

№868110-07-2020 12:16:33

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

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

Vitaliy V.
Вот теперь другое дело :beer: Большое Спасибо61e02079e5fa.gif


Add, у меня после правки почему то не работает? Заработал, без понятия почему не работал, но это уже не важно!

Отредактировано kokoss (10-07-2020 18:07:14)


Win7

Отсутствует

 

№868210-07-2020 17:46:26

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

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

kokoss
Это не может быть из-за правки, смотрите где ошиблись когда обновляли код

Отсутствует

 

№868310-07-2020 19:15:51

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 63
UA: Firefox 78.0

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

Прошу прощения, если этот вопрос не в тему(не знаю к чему отнести). Возникла проблема (ESR 78.0.2) при добавлении подряд плюсом новых вкладок(от 2-3 штук) строка адреса увеличивается и сливается с вкладками(даже наверное на один пиксель наезжает), а при отрытии нескольких сайтов из закладок(каждый сайт в новой вкладке) всё нормально. Эта же проблема возникает и при запуске без дополнений и с пустым userChrome.css. Подскажите как решить эту проблему или куда нужно обратиться за помощью. Спасибо.

Отсутствует

 

№868410-07-2020 19:36:49

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

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

sibirnik пишет

Прошу прощения, если этот вопрос не в тему

Да в тему вопрос. Здесь подробно всё расписано и есть несколько вариантов стилей.

Отсутствует

 

№868510-07-2020 19:59:41

sibirnik
Участник
 
Группа: Members
Зарегистрирован: 11-08-2016
Сообщений: 63
UA: Firefox 78.0

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

sandro79

sandro79 пишет

Здесь подробно всё расписано и есть несколько вариантов стилей.

Ещё бы переварить всё это.
Всё сделал, как написано - Идеально всё стало на свои места. Спасибо.

Отредактировано sibirnik (10-07-2020 20:09:31)

Отсутствует

 

№868610-07-2020 20:47:42

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

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

Vitaliy V.
Можете скрипт переписать? Он открывал изображение по пункту контекстного меню "Открыть изображение" в новой вкладке, вместо текущей.

Выделить код

Код:

location == "chrome://browser/content/browser.xul" && document.querySelector("#context-viewimage").setAttribute("oncommand", 'openWebLinkIn(gContextMenu.imageURL,"tab")')

Отредактировано _zt (10-07-2020 21:15:32)

Отсутствует

 

№868710-07-2020 22:53:39

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

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

sandro79 пишет

Да в тему вопрос. Здесь подробно всё расписано и есть несколько вариантов стилей.

Там уже устаревшая информация, в последней версии можно сделать проще. Я просто отключил анимацию в [windows], а стиль пока отключил.

Отредактировано voqabuhe (10-07-2020 22:54:17)

Отсутствует

 

№868810-07-2020 23:11:23

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

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

voqabuhe пишет

Там уже устаревшая информация, в последней версии можно сделать проще.

Ну да, действительно. В [windows] 7, как у меня и sibirnik, достаточно снять здесь птичку, но меня это не совсем устраивает.
Спасибо за актуальную информацию.


В 7-ой винде строка не расширяется только при фокусе, если в неё курсор поставить, а когда начинаешь набор, строка один хрен расширяется.

Отредактировано sandro79 (10-07-2020 23:44:28)

Отсутствует

 

№868910-07-2020 23:25:20

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

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

voqabuhe пишет

Там уже устаревшая информация, в последней версии можно сделать проще. Я просто отключил анимацию в [windows], а стиль пока отключил

Не знаю как это работает в Win10, но как это работает в Win7 мне не очень, со стилем симпатишнее.


Win7

Отсутствует

 

№869010-07-2020 23:33:17

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

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

kokoss пишет

Не знаю как это работает в Win10, но как это работает в Win7 мне не очень, со стилем симпатишнее.

А в чём заключается это "симпатишнее", скрин можно? У меня на [windows]8.1 строка просто не расширяется, что со стилем, что с откл. анимацией, разницы никакой не заметил.

Добавлено 10-07-2020 23:40:14

Vitaliy V. пишет

Они должны быть по центру нужно смотреть по верхнему регистру а не по нижнему, ну и или почти если один пиксель разница это нормально

Вот пока вы не сказали, что было не по центру, я и внимание не обращал, а теперь так и хочется на пиксель вверх поднять. ))

Отредактировано voqabuhe (10-07-2020 23:40:14)

Отсутствует

 

№869110-07-2020 23:50:19

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

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

voqabuhe
Она у меня без стиля тоже не расширяется, я имел в виду что со стилем её можно сделать симпатишнее:

скрин
ebbb4c2ae1dd.png
а без стиля не очень:
скрин
63eeddd869de.png


Win7

Отсутствует

 

№869211-07-2020 00:13:42

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

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

sandro79

sandro79 пишет

когда начинаешь набор, строка один хрен расширяется.

Ну как расширяется, появляется выпадающий список предложений и поисковики? А со стилем что они у тебя не появляются?

kokoss пишет

Она у меня без стиля тоже не расширяется, я имел в виду что со стилем её можно сделать симпатишнее:

Ну это другое дело, главное что не расширяется и приобретает прежний вид. А дальше уж кто как хочет над ней измывается, на цвет и вкус... ))

Отсутствует

 

№869311-07-2020 00:26:40

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

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

voqabuhe

:offtopic:

voqabuhe пишет

Ну как расширяется, появляется выпадающий список предложений и поисковики?

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

В 7-ой винде строка не расширяется только при фокусе, если в неё курсор поставить

скрытый текст
594e506508bdt.jpg

Отредактировано sandro79 (11-07-2020 00:45:58)

Отсутствует

 

№869411-07-2020 00:53:01

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

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

sandro79
Это со стилем так?

Отсутствует

 

№869511-07-2020 11:51:58

K4ir05
Участник
 
Группа: Members
Зарегистрирован: 01-06-2020
Сообщений: 19
UA: Firefox 79.0

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

kokoss пишет

со стилем её можно сделать симпатишнее:

Как сделать такой стиль?

Отсутствует

 

№869611-07-2020 12:43:14

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

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

K4ir05 пишет

Как сделать такой стиль?

Я для этого использую несколько стилей, от сюда: v2 Firefox 71+:https://forum.mozilla-russia.org/viewto … 86#p774586 + часть этого стиля:https://forum.mozilla-russia.org/viewto … 08#p772408, результат:

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

Выделить код

Код:

#urlbar-container,
#search-container { /* это правило не является обязательным */
    padding: 1px 0 !important;
    margin: 0 1px !important;
}

#urlbar-container[breakout] {
    position: relative !important;
    min-height: var(--urlbar-container-height) !important;
}

#urlbar[breakout] {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    height: var(--urlbar-height) !important;
    top: calc((var(--urlbar-container-height) - var(--urlbar-height)) / 2) !important;
    left: 0px !important;
}

#urlbar[breakout] > #urlbar-input-container {
    width: 100% !important;
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#urlbar[breakout][breakout-extend],
#urlbar[breakout][breakout-extend-disabled][open] {
    height: auto !important;
}

#urlbar[breakout] > #urlbar-background {
    animation: none !important;
    inset-inline-start: 0 !important;
    box-shadow: none !important;
    height: var(--urlbar-height) !important;
    top: 0px !important;
    bottom: auto !important;
}

#urlbar[breakout] > .urlbarView {
    margin: 0 !important;
    width: 100% !important;
    border-bottom-left-radius: var(--toolbarbutton-border-radius, 4px) !important;
    border-bottom-right-radius: var(--toolbarbutton-border-radius, 4px) !important;
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgba(12, 12, 13, 1))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgba(10,10,15,0.8))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(250,250,255,0.3))) !important;
}

*|*:root[lwt-popup-brighttext] #urlbar[breakout] > .urlbarView {
    color: var(--autocomplete-popup-color, var(--arrowpanel-color, rgb(240,240,245))) !important;
    background: var(--autocomplete-popup-background, var(--arrowpanel-background, rgba(10,10,15,0.8))) !important;
    border: 1px solid var(--panel-separator-color, var(--arrowpanel-border-color, rgba(250,250,255,0.3))) !important;
}

#urlbar[breakout] > .urlbarView *|*.urlbarView-body-inner {
    border: none !important;
}

#urlbar[breakout] > #urlbar-input-container > #urlbar-search-icon {
    fill: currentColor !important;
    fill-opacity: .6 !important;
}

/* Прозрачность */
#urlbar > .urlbarView, #urlbar-results, #PopupSearchAutoComplete {
    --arrowpanel-dimmed: rgba(60,60,65,0.4) !important;
    --arrowpanel-dimmed-further: Highlight !important;
    --arrowpanel-dimmed-even-further: transparent !important;
    --panel-separator-color: rgba(250,250,255,0.3) !important;
    --chrome-content-separator-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-border-color: rgba(250,250,255,0.3) !important;
    --arrowpanel-background: rgba(0,0,0,0.8) !important;
    --autocomplete-popup-highlight-background: transparent !important;
    --autocomplete-popup-background: rgba(10,10,15,0.8) !important;
    --autocomplete-popup-color: rgb(240,240,245) !important;
    --arrowpanel-color: rgb(240,240,245) !important;
    --panel-disabled-color: rgb(190,190,195) !important;
    --urlbar-popup-url-color: LightSkyBlue !important;
    --urlbar-popup-action-color: Aquamarine !important;
    border: 1px solid var(--chrome-content-separator-color) !important;
}

Add, + это: https://forum.mozilla-russia.org/viewto … 13#p778313

Отредактировано kokoss (12-07-2020 12:46:05)


Win7

Отсутствует

 

№869711-07-2020 13:08:40

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

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

_zt пишет

browser.xul

browser.xhtml


voqabuhe пишет

а теперь так и хочется на пиксель вверх поднять. ))

теперь лучше? https://forum.mozilla-russia.org/viewto … 86#p782586
заодно анимации изменил и z-index

voqabuhe пишет

Это со стилем так?

разумеется нет, стиль не расширяет, наоборот...

Отредактировано Vitaliy V. (11-07-2020 13:19:09)

Отсутствует

 

№869811-07-2020 14:44:09

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

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

Vitaliy V. пишет

теперь лучше? https://forum.mozilla-russia.org/viewto … 86#p782586
заодно анимации изменил и z-index

Да, спасибо!!! Теперь точно по центру ), а то раньше такие буквы как "у", "ф"... залезали на границу выделения.

разумеется нет, стиль не расширяет, наоборот...

У меня при вводе в адресную строку и со стилем также было. Может не тот использовал, вы какой стиль кстати для этого  используете?

Отредактировано voqabuhe (11-07-2020 14:44:57)

Отсутствует

 

№869911-07-2020 14:53:08

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 81
UA: Firefox 68.0

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

Vitaliy V.
Не могли бы Вы, пожалуйста, сделать код для .css - в контекстном меню ссылок пункт "Пометить, как посещенную". Это очень упростит навигацию в плейлисте на YouTube (столбец превьюшек справа на странице), т.к. сейчас даже после посещения превьюшки линк на неё не меняет цвет.
На других страницах цвет ссылки после посещения меняется.

Отсутствует

 

№870011-07-2020 16:13:07

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

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

voqabuhe пишет

вы какой стиль кстати для этого  используете?

V2 для firefox 71+


JKT

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

Выделить код

Код:

:any-link:visited,
:any-link:not(#thumbnail).yt-simple-endpoint:visited * {
    color: #990000 !important;
}
:any-link:hover,
:any-link:not(#thumbnail).yt-simple-endpoint:hover * {
    text-decoration: underline !important;
}

Отредактировано Vitaliy V. (11-07-2020 21:49:23)

Отсутствует

 

Board footer

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