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

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

№330118-11-2017 13:58:41

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

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

Подскажите, как вернуть в Firefox 57, если возможно, панель внизу окна, что присутствовала при установленном CTR, называлась 'Панель дополнений (А)'
Есть ли такой файл отвечающий за включение этой панели в CustomCSSforFx?

Отредактировано krif (18-11-2017 14:01:43)

Отсутствует

 

№330218-11-2017 14:11:06

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

krif пишет

Есть ли такой файл отвечающий за включение этой панели в CustomCSSforFx?

Такого файла там нет и возможность его появления исключена из-за совершенно иного интерфейса в 57.

Отсутствует

 

№330318-11-2017 14:36:39

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

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

Coroner, благодарю за ответ. Если я правильно понял, то дополнительную панель снизу или сбоку не прикрутить через userChrome.css или кнопки. А через аддоны возможно? Если да, подскажите пожалуйста такой, если знаете.

Отсутствует

 

№330418-11-2017 14:56:58

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

krif пишет

А через аддоны возможно?

Мне кажется что и через аддоны нельзя будет. В новом Firefox с панелями сложновато, возможно эту возможность добавят со временем, тогда и аддон будет.
То есть сейчас есть возможность изменения имеющегося интерфейса, а вот добавит к нему что-то новое — пока невозможно.
Ни панель дополнений, ни, например, Vertical Toolbar. Есть лишь панель меню, закладок и панель адреса-как-её-там...

Отсутствует

 

№330518-11-2017 15:19:13

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

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

Coroner пишет

Ни панель дополнений, ни, например, Vertical Toolbar. Есть лишь панель меню, закладок и панель адреса-как-её-там...

Жаль, некуда кнопки пихать, если много. Буду пока использовать Merge Custom Buttons от Infocatcher.

Еще такой вопрос. В Firefox57 (portable методом 3 файлов) установлен custom_buttons-0.0.5.8.9-fixed6 и config.js со следующим содержимым https://forum.mozilla-russia.org/viewtopic.php?id=70326.
Большинство дополнений (несовместимых с v.57) и кнопок, что использовал в ранних версиях  работают. Но если переименовать папку c Firefox или перенести ее в другое место, то custom buttons слетает. Приходиться его каждый раз переустанавливать после вышеназванных манипуляций. Это лечится как-то?

Отредактировано krif (18-11-2017 17:42:17)

Отсутствует

 

№330618-11-2017 16:10:38

aborigen
Участник
 
Группа: Members
Зарегистрирован: 31-01-2010
Сообщений: 105
UA: Firefox 56.0

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

AspireM3400 пишет

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

а я бы увеличил шрифт в закладках, только из за него и вернулся на 56 ...

Отредактировано aborigen (18-11-2017 16:11:05)

Отсутствует

 

№330718-11-2017 16:35:34

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

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

aborigen

а я бы увеличил шрифт в закладках, только из за него и вернулся на 56 ...

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

Отредактировано oleg.sgh (18-11-2017 16:36:02)

Отсутствует

 

№330818-11-2017 16:59:54

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

aborigen пишет

AspireM3400 пишет: Ребята подскажите пожалуйста как мне изменить стандартный вид панели закладок в обновленном FF57, на более компактный. Значки нужно совсем убрать чтоб не занимали место. А название ссылок и папок чтобы были разного цвета. Ну и если можно шрифт мельче сделать, чтоб было компактно и похоже на прежний вид как в FF56.а я бы увеличил шрифт в закладках, только из за него и вернулся на 56 ...
                    Отредактировано aborigen (Сегодня 18:11:05)

Так подскажите как сделать то, я совсем в этом не понимаю, да и файла userChrome.css у меня нет в профиле. Его что самому пустой можно создать или как?

Отсутствует

 

№330918-11-2017 17:28:51

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

AspireM3400
Сначала проделайте это, и появится userChrome.css, а дальше будем смотреть.
https://forum.mozilla-russia.org/viewtopic.php?pid=747124#p747124

Отредактировано villa7 (18-11-2017 17:30:05)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№331018-11-2017 17:44:39

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

villa7
все проделал, теперь видны только значки, а при наведении на значок появляется название

Отсутствует

 

№331118-11-2017 17:48:18

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

AspireM3400
Ну всё, теперь тот стиль удалите если не нравится, и добавляйте свои какие нужно.

Например, убирает иконки в панели закладок и уменьшает шрифт.

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {display: none !important;}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {font-size: 70% !important;}

Отредактировано villa7 (18-11-2017 17:58:53)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№331218-11-2017 17:52:33

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

krif пишет

Жаль, некуда кнопки пихать, если много. Буду пока использовать Merge Custom Buttons от Infocatche

Есть ещё кнопка Custom Buttons "Vertical ToolBar" и она работает. Я пробовал вчера две версии, но какие именно — не помню, работают обе.

krif пишет

Это лечится как-то?

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

Отсутствует

 

№331318-11-2017 17:59:16

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

villa7 пишет

Ну всё, теперь тот стиль удалите если не нравится, и добавляйте свои какие нужно.

Вот здесь я не понял, откуда что нужно удалить, и куда, и что нужно добавить? Я первый раз все это делаю, объясните пожалуйста подробней.

Отсутствует

 

№331418-11-2017 18:08:03

villa7
Участник
 
Группа: Members
Зарегистрирован: 21-07-2012
Сообщений: 2235
UA: Firefox 42.0

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

AspireM3400
Удалить код в userChrome.css, и если правильно понял, то добавить этот. Убирает иконки и уменьшает шрифт, раскрашивает названия. Или свои стили которые были в Стилиш, туда перебросьте.

Вот вроде то что просили, цвета свои подбирайте.

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {display: none !important;}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
margin-bottom: 5px  !important;
color: #00f  !important;
font-size: 70% !important;}

#PlacesToolbarItems > .bookmark-item[type="menu"] > .toolbarbutton-text {color: #f00  !important;}

Отредактировано villa7 (18-11-2017 18:48:04)


Лучше спросить у знающих - чем лезть не зная.

Отсутствует

 

№331518-11-2017 19:10:30

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

villa7
Большое спасибо, очень помогли. Тупо скопировал свой старый стиль и все заработало.:cool:

Вот мой стиль, в свое время добрый человек как и вы помог, специально расписал все для меня

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#personal-bookmarks, #PersonalToolbar {
    line-height: 0!important;
    min-height: unset!important;
    height: auto!important;
}
/*для закладок на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton):not([type="menu"]) {
    -moz-appearance: none!important;
/*    background: white!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у закладок*/
    margin: 0 1px!important;/*отступы между закладками*/
    color: blue!important; /*цвет текста*/
}
/*для папок с закладками на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[type="menu"] {
    -moz-appearance: none!important;
/*    background: red!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: #006600!important; /*цвет текста*/
}
/*для открытых папок с закладками на панели -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[type="menu"][open] {
    -moz-appearance: none!important;
    background: #CC6600!important; /*цвет фона*/
/*    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 1px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: white!important; /*цвет текста*/
}
/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='КомСтар'] {
    -moz-appearance: none!important;
    background: black!important; /*цвет фона*/
    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 2px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}
/*для отдельной папки/закладки, чье видимое имя (полностью, с учетом регистра) указано в кавычках для label -->*/
toolbarbutton.bookmark-item:not(.subviewbutton)[label='МТС_ЛК'] {
    -moz-appearance: none!important;
    background: black!important; /*цвет фона*/
    border: .5px solid black!important; /*толщина/стиль/цвет границ*/
    padding: 0 2px!important; /*отступы у папок*/
    margin: 0 1px!important;/*отступы между папками*/
    color: red!important; /*цвет текста*/
}
/*=========панель закладок узкая*/
#PersonalToolbar{
height: 13px !important;
max-height: 13px !important;
min-height: 13px !important;
}
/*========Размер шрифта в панели*/
toolbarbutton.bookmark-item > .toolbarbutton-text {
  font-size: 10px !important;
}
#PersonalToolbar .bookmark-item > .toolbarbutton-icon {
    display: none!important; /*скрываем иконки*/
}
#PersonalToolbar .bookmark-item > .toolbarbutton-text{
    margin: 0!important;
}
/*=======Убрать надпись о полноэкранном режиме*/

Отредактировано AspireM3400 (18-11-2017 19:33:07)

Отсутствует

 

№331618-11-2017 20:52:29

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

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

Coroner пишет

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

Я искал в темах, проблема не известна, видимо. Может из-за того, что никто не пробовал переименовывать паку или переносить в другое место.

Coroner пишет

Есть ещё кнопка Custom Buttons "Vertical ToolBar" и она работает. Я пробовал вчера две версии, но какие именно — не помню, работают обе.

Спасибо. Одну кнопку нашел (https://forum.mozilla-russia.org/viewto … 73#p596373). Попробовал, работает. Жаль только, что нет автоскрытия. При добавлении кнопки панель выступает ~ 1.5 см, что некомфортно. Но ее можно выключить, вроде кнопки продолжают работать. А что за вторая кнопка?

Отсутствует

 

№331718-11-2017 21:22:02

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

krif пишет

При добавлении кнопки панель выступает ~ 1.5 см, что некомфортно.

Имеет смысл поискать другой вариант, не в "готовых кнопках".
ЕМНИП, было много вопросов по этой кнопке, в том числе по её размещении справа и коррекции выступающей части.

Отсутствует

 

№331819-11-2017 00:15:05

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

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

Coroner пишет

было много вопросов по этой кнопке, в том числе по её размещении справа и коррекции выступающей части.

Похоже это здесь, где разные варианты ее модификации.  Еще тут (https://forum.mozilla-russia.org/viewto … 44#p585444) есть мод этой кнопки.

Проверил, ни одна не работает. Когда включаешь режим изменений, ни одну кнопку  не добавить, т.к. панель пропадает.

Отсутствует

 

№331919-11-2017 00:33:42

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

krif пишет

Проверил, ни одна не работает. Когда включаешь режим изменений, ни одну кнопку  не добавить, т.к. панель пропадает.

У меня ни кнопки не осталось, ни ссылки где брал, но чесслово, работала нормально. Кнопки добавлял.
Она вверху появляется, если "изменить" нажимать. Под закладками или что там нижней панелью у Вас установлено. Может не заметили?

Отсутствует

 

№332019-11-2017 00:55:33

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

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

Coroner пишет

Она вверху появляется, если "изменить" нажимать. Под закладками или что там нижней панелью у Вас установлено. Может не заметили?

Ни сверху ни снизу не заметил. Тогда, возможно, просто кнопка (если по ссылке был вариант, о которой Вы говорили) не работает в моем Firefox57.
Если панель работает сбоку, то, вероятно, может и снизу. Может кто смастерит в дальнейшем. Пока воспользуюсь вариантом о котором писал выше в режиме скрытия.

Отсутствует

 

№332119-11-2017 01:04:35

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

krif пишет

Пока воспользуюсь вариантом о котором писал выше в режиме скрытия.

Ну я тоже попробую поискать, правда не уверен что к ней привыкать стоит.
Custom Buttons работают в 57, работают в 58. А что дальше будет — одна Мозилла ведает.

Добавлено 19-11-2017 01:28:49
krif, я ошибся. Панель для добавления появляется сбоку и лишь когда панель "включена".
Код что у меня, нашёл-таки. Поглядите, у Вас такой-же?

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

Выделить код

Код:

var vto = {
    distanceShow: 12,
    distanceHide: 64,
    showDelay: 320,
    color: "lightblue",
    fringe: "black",
    padding: 3,
    name: "VT",

    btn: this,
    tcm: document.getElementById("toolbar-context-menu"),
    ctm: document.getElementById("customization-toolbar-menu"),
    deck: document.getElementById("content-deck"),
    id: "cb-vt",

    get cust() gBrowser.currentURI.spec == "about:customizing",
    get xs() {
        delete this.xs;
        return this.xs = Cc["@mozilla.org/xul/xulstore;1"].getService(Ci.nsIXULStore);
    },
    init: function() {
        if (this.cust || this.btn._destructors.length) return;

        var vt = this.initVT();
        var vto = this;

        this.btn.onclick = function(e) {
            e.button || vto.toggleVT();
        }
        window.addEventListener("popupshown", this, false);
        window.addEventListener("popuphidden", this, false);
        window.addEventListener("resize", this, false);
        this.tcm.addEventListener("command", this, false);
        this.tcm.addEventListener("popupshowing", this, false);

        vto.toggleVT(vt.hasOwnProperty("on") ? vt.on
            : !this.xs.hasValue(location, vto.id, "collapsed")
        );
        this.resize();
        vto.btn._destructors.push({context: vto, destructor: vto.destroy});
    },
    destroy: function(reason) {
        window.removeEventListener("popupshown", this, false);
        window.removeEventListener("popuphidden", this, false);
        window.removeEventListener("resize", this, false);
        this.tcm.removeEventListener("command", this, false);
        this.tcm.removeEventListener("popupshowing", this, false);
        this.setCollapser(false);

        if (reason == "destructor" && this.cust) {
            var vto = this;
            vto.resize();

            gNavToolbox.addEventListener("customizationready", vto, false);
            CustomizableUI.addListener(vto);

            this.ctm.addEventListener("command", vto, false);
            this.ctm.addEventListener("popupshowing", vto, false);
            window.addEventListener("resize", vto, false);

            gNavToolbox.addEventListener("aftercustomization", function ac() {
                gNavToolbox.removeEventListener("aftercustomization", ac, false);
                gNavToolbox.removeEventListener("customizationready", vto, false);
                CustomizableUI.removeListener(vto);

                vto.ctm.removeEventListener("command", vto, false);
                vto.ctm.removeEventListener("popupshowing", vto, false);
                window.removeEventListener("resize", vto, false);

                document.getElementById(vto.btn.id) || vto.destroyVT();

            }, false);
        }
        if (reason == "delete") {
            CustomizableUI.removeWidgetFromArea(this.btn.id);
            this.destroyVT();
        }
    },
    handleEvent: function(e) this[e.type](e),

    command: function(e) {
        if (e.target.id != "toggle_" + this.id) return;
        e.preventDefault();
        this.toggleVT();
    },
    popupshowing: function(e) {
        var menuitem = e.target.querySelector("#toggle_" + this.id);
        menuitem && menuitem.setAttribute("checked", this.vt.on);
        if (this.cust || !this.vt.contains(e.target.triggerNode)) return;
        for(var selector of [".customize-context-moveToPanel", ".customize-context-removeFromToolbar"]) {
            menuitem = e.target.querySelector(selector);
            menuitem && menuitem.removeAttribute("disabled");
        }
    },
    mousemove: function collapser(e) {
        var distance = collapser.distance = e.screenX - document.documentElement.boxObject.screenX;
        if (collapser.waiting) return;
        if (distance <= this.distanceShow && this.vt.collapsed) {
            if (this.showDelay < 1) {
                this.vt.collapsed = false;
                return;
            }
            collapser.waiting = true;
            setTimeout(function(vto) {
                if (collapser.distance >= vto.distanceShow) {
                    collapser.waiting = false;
                    return;
                }
                vto.vt.collapsed = false;
                collapser.waiting = false;
            }, this.showDelay, this);
        }
        if (distance >= this.distanceHide && !this.vt.collapsed)
            this.vt.collapsed = true;
    },
    setCollapser: function(set) {
        set
        ? this.cust || window.addEventListener("mousemove", this, false)
        : window.removeEventListener("mousemove", this, false);
    },
    callCollapser: function(e) {
        this.mousemove({screenX: document.documentElement.boxObject.screenX + MousePosTracker._x});
    },
    customizationready: function() {
        window.removeEventListener("customizationready", this, false);
        this.vt.on && this.insertBox(true);
    },
    resize: function(e) {
        this.vt.style.maxHeight = this.deck.boxObject.height + 1 + "px";
    },
    popupshown: function(e) this.handlePopup(e),
    popuphidden: function(e) this.handlePopup(e),

    handlePopup: function(e) {
        if (
            this.vt.collapsed || this.vt.on
            || (e.target.localName != "menupopup" && e.target.localName != "panel")
        ) return;
        setTimeout(function(vto) {
            var hasPopup = Array.concat(
                Array.slice(document.getElementsByTagName("menupopup")),
                Array.slice(document.getElementsByTagName("panel"))
            ).some(function(popup)
                "state" in popup && popup.state == "open" && (
                    vto.vt.contains(popup)
                    || ("triggerNode" in popup && vto.vt.contains(popup.triggerNode))
                    || (
                        "anchorNode" in popup && popup.anchorNode && (
                            vto.vt.contains(popup.anchorNode)
                            || vto.vt.contains(document.getBindingParent(popup.anchorNode))
                        )
                    )
                )
            );
            vto.setCollapser(!hasPopup);
            hasPopup || vto.callCollapser();
        }, 200, this);
    },
    onWidgetAfterDOMChange: function(...a) {
        if (a[2] == this.vt.box) this.vt.hbox.style.minWidth = this.vt.boxObject.width + "px";
    },
    initVT: function() {
        var id = this.id;
        var boxId = id + "-customization-target";
        var vt = this.vt =
            document.getElementById(id) ||
            document.createElement("toolbar");
        var attrs = {
            id: id,
            mode: "icons",
            iconsize: "small",
            orient: "vertical",
            customizable: "true",
            persist: "collapsed",
            toolbarname: this.name,
            fullscreentoolbar: "true",
            class: "chromeclass-toolbar",
            context: "toolbar-context-menu",
            style: "-moz-appearance: none; display: -moz-box; height: 100%; position: fixed; min-width: 20px"
        };
        for(var attr in attrs) vt.setAttribute(attr, attrs[attr]);
        if (!vt.parentNode) {

            var box = vt.box = document.createElement("vbox");
            vt.appendChild(box);
            box.id = boxId;
            box.style.cssText = "height: 100%; width: 100%;"

            vt.customizationTarget = box;
            gNavToolbox.appendChild(vt);

            if (CustomizableUI.areas.indexOf(id) == -1) {
                CustomizableUI.registerArea(id, {legacy: true});
            }
            box.removeAttribute("class");

            box.__defineGetter__("localName", function()
                Components.stack.caller.toString().indexOf("custombutton.buttonConstructor")
                     == -1 ? "vbox" : "toolbar"
            );
            vt.hbox = document.createElement("hbox");
            vt.hbox.id = id + "-hbox";
        }
        vt.box.style.padding = "0 " + this.padding + "px";
        vt.style.backgroundColor = this.color;
        vt.style.borderRight = "1px solid " + this.fringe;
        return vt;
    },
    destroyVT: function(reason) {
        var vt = this.vt;
        CustomizableUI.unregisterArea(vt.id, {});
        vt.hbox.parentNode && vt.hbox.parentNode.removeChild(vt.hbox);
        vt.parentNode && vt.parentNode.removeChild(vt);

        this.xs.removeValue(location, vto.id, "collapsed");
        this.xs.removeValue(location, vto.id, "currentset");
    },
    insertBox: function(ins) {
        var vt = this.vt;
        var box = vt.hbox;
        if (!ins) {
            box.parentNode && box.parentNode.removeChild(box);
            return;
        }
        var id = this.cust ? "customization-palette-container" : "sidebar-box";
        var point = document.getElementById(id);
        point.parentNode.insertBefore(box, point);
        var mw = function() box.style.minWidth = vt.boxObject.width + "px";
        mw(); setTimeout(mw, 100);
    },
    toggleVT: function(on) {
        var vt = this.vt;
        if (on == undefined) on = !vt.on;
        vt.on = on;
        this.setCollapser(!on);
        vt.collapsed = !on;
        this.insertBox(on);
    }
};
vto.init();


function addBackground(e) {
   setTimeout(function() {
      var toolbar = document.getElementById('cb-vt');
      var win = document.getElementById("main-window");
      
      var image = win.style.backgroundImage;
      if ( image == '' ) { 
           toolbar.style.background = '';
           return;
           };
      toolbar.style.background = image;
      toolbar.style.backgroundSize = 'auto 100%';
   }, 500);
};
addBackground(); 
Services.obs.addObserver(addBackground, "lightweight-theme-styling-update", false);
addDestructor(()=> Services.obs.removeObserver(addBackground, "lightweight-theme-styling-update") );


Тут, пожалуй, кнопки обсуждать офтоп, так что если что — в личку напишите или в тему CB.

Отредактировано Coroner (19-11-2017 01:29:39)

Отсутствует

 

№332219-11-2017 03:12:40

unter_officer
Участник
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 27-03-2011
Сообщений: 537
UA: Firefox 48.0

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

В FF57 при наведении на иконку появляется убогий серый фон.

untitldod.png

Подскажите пожалуйста, как с помощью стиля этот фон убрать?


«The Truth Is Out There»

Отсутствует

 

№332319-11-2017 11:57:05

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

villa7, ответьте мне пожалуйста на банальный вопрос:
если изменение вида FF можно менять с помощью настроек в файле userChrome.css, почему тогда ранее нельзя было это использовать, а приходилось пользоваться дополнением Stylish?

Отсутствует

 

№332419-11-2017 12:43:50

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3972
UA: Firefox 55.0

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

AspireM3400 пишет

почему тогда ранее нельзя было это использовать, а приходилось пользоваться дополнением Stylish?

Да всегда его использовали.
Тема Настройка userchrome.css на форуме датирована октябрём 2004 года.
Просто после изменений userchrome.css Firefox перезагружать приходится, а Stylish сразу изменения накладывает.

Отредактировано Coroner (19-11-2017 12:44:12)

Отсутствует

 

№332519-11-2017 12:54:33

AspireM3400
Участник
 
Группа: Members
Зарегистрирован: 27-10-2014
Сообщений: 157
UA: Firefox 57.0

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

Coroner пишет

Да всегда его использовали

Вот это для меня совсем новость. Я то всегда думал, что дополнение Stylish создано именно для изменения вида и тюнинга FF. Но если то же самое можно проделать изменив файл userChrome.css, тогда мне не понятно для чего дополнение Stylish было придумано.

Отсутствует

 

Board footer

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