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

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.

№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
Сообщений: 3747
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
Сообщений: 3747
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
Сообщений: 2772
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
Сообщений: 143
UA: Firefox 57.0

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

aborigen пишет

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

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


Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb

Отсутствует

 

№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
Сообщений: 143
UA: Firefox 57.0

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

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


Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb

Отсутствует

 

№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
Сообщений: 3747
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
Сообщений: 143
UA: Firefox 57.0

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

villa7 пишет

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

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


Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb

Отсутствует

 

№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
Сообщений: 143
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)


Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb

Отсутствует

 

№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
Сообщений: 3747
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
Сообщений: 3747
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
Сообщений: 3747
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
Сообщений: 223
UA: Firefox 48.0

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

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

untitldod.png

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

Отсутствует

 

№332319-11-2017 11:57:05

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

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

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


Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb

Отсутствует

 

№332419-11-2017 12:43:50

Coroner
Участник
 
Группа: Members
Зарегистрирован: 29-10-2012
Сообщений: 3747
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
Сообщений: 143
UA: Firefox 57.0

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

Coroner пишет

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

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


Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb

Отсутствует

 

Board footer

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