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

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

№695128-11-2019 10:57:16

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Виталий, возможно ли в строку меню добавить логотип с текстом или логотип? Фон однотонный, картинка просто собрана из нескольких.
11.1574927770.png

Отсутствует

 

№695228-11-2019 12:31:18

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

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

Vitaliy V. пишет: Короче разобрался там просто добавили box перед #navigator-toolbox

Да, теперь нормально. Забрал тоже правленый код "Вкладки не вверху" на всякий случай. Спасибо.
А browser.urlbar.megabar в 72 nightly уже всё, выкинули эту настройку вчера в 72.0a1 (2019-11-27), обнаружил когда со стилем возился. Прозрачность списка от 70 версии теперь заработала, ещё бы сужение как-то вернуть, может появилась лазейка?

скрытый текст
26a20b2b8fc1.png6b06759835c5.pnge6875868f31f.png

Стиль для about:addons в перспективе бы подогнать под 72 - вернуть на прежнее место нормальную кнопку вкл/откл и удалить трёхточечное меню. Тут же тоже не известно, может ещё и переиграют как с browser.urlbar.megabar и не стоит торопится.
скрытый текст
b686b09c79b6.png

Отсутствует

 

№695328-11-2019 14:52:34

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

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

Garalf пишет

Можно ли модифицировать ваш стиль со всплывающей боковой панелью, чтобы панель открывалась при вызове расширения Side View из контекстного меню закладки и/или по нажатию иконки расширения в панели адреса?

Только не стиль а скрипт в составе user_chrome_files https://github.com/VitaliyVstyle/Vitali … _files.zip
user_chrome_files/custom_scripts/custom_script_win.js

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

Выделить код

Код:

// Этот скрипт работает в главном окне браузера если включено в настройках

var ucf_custom_script_win = {
    initialized: false,
    unloadlisteners: [],
    load: function() {
        if (this.initialized)
            return;
        this.initialized = true;
        // this.specialwidgets.constructor(); // <-- Special Widgets
        this.autohidesidebar.constructor(); // <-- Auto Hide Sidebar
        /* ************************************************ */

        // Здесь может быть ваш код который сработает по событию "load" не раньше

        /* ************************************************ */
        if (this.unloadlisteners.length < 1)
            return;
        window.addEventListener("unload", this, false);
    },
    handleEvent: function(event) {
        this[event.type](event);
    },
    unload: function() {
        window.removeEventListener("unload", this, false);
        this.unloadlisteners.forEach((str) => {
            try {
                this[str].destructor();
            } catch (e) {}
        });
    },
    specialwidgets: {
        _separator: null,
        _spacer: null,
        _spring: null,
        _timer: null,
        get Customizable() {
            delete this.Customizable;
            if ("createSpecialWidget" in window.CustomizableUI)
                return this.Customizable = window.CustomizableUI;
            var scope = null;
            try {
                scope = Components.utils.import("resource:///modules/CustomizableUI.jsm", {}).CustomizableUIInternal;
            } catch (e) { }
            return this.Customizable = scope;
        },
        constructor: function() {
            if (!("CustomizableUI" in window) || !("gCustomizeMode" in window))
                return;
            ucf_custom_script_win.unloadlisteners.push("specialwidgets");
            window.addEventListener("customizationready", this, false);
        },
        destructor: function() {
            window.removeEventListener("customizationready", this, false);
        },
        handleEvent: function(event) {
            if (event.type == "customizationchange") {
                clearTimeout(this._timer);
                this._timer = setTimeout(() => {
                    this.createSpecialWidgets();
                }, 1000);
            } else if (event.type == "customizationready") {
                if (this.Customizable !== null) {
                    this.createSpecialWidgets();
                    window.addEventListener("customizationchange", this, false);
                    window.addEventListener("customizationending", this, false);
                }
            } else if (event.type == "customizationending") {
                window.removeEventListener("customizationchange", this, false);
                window.removeEventListener("customizationending", this, false);
            }
        },
        createSpecialWidgets: function(event) {
            try {
                var fragment = document.createDocumentFragment();
                if (!this._spring || this.findSpecialWidgets(this._spring, "spring")) {
                    var spring = this.Customizable.createSpecialWidget("spring", document);
                    if (this._spring != null || (!this._spring && this.findSpecialWidgets(spring.id, "spring"))) {
                        spring.setAttribute("label", "Растягивающийся интервал");
                        fragment.appendChild(gCustomizeMode.wrapToolbarItem(spring, "palette"));
                    }
                    this._spring = spring.id;
                }
                if (!this._spacer || this.findSpecialWidgets(this._spacer, "spacer")) {
                    var spacer = this.Customizable.createSpecialWidget("spacer", document);
                    if (this._spacer != null || (!this._spacer && this.findSpecialWidgets(spacer.id, "spacer"))) {
                        spacer.setAttribute("label", "Интервал");
                        fragment.appendChild(gCustomizeMode.wrapToolbarItem(spacer, "palette"));
                    }
                    this._spacer = spacer.id;
                }
                if (!this._separator || this.findSpecialWidgets(this._separator, "separator")) {
                    var separator = this.Customizable.createSpecialWidget("separator", document);
                    if (this._separator != null || (!this._separator && this.findSpecialWidgets(separator.id, "separator"))) {
                        separator.setAttribute("label", "Разделитель");
                        fragment.appendChild(gCustomizeMode.wrapToolbarItem(separator, "palette"));
                    }
                    this._separator = separator.id;
                }
                gCustomizeMode.visiblePalette.appendChild(fragment);
            } catch (e) {}
        },
        findSpecialWidgets: function(eltid, string) {
            if (!eltid)
                return false;
            try {
                if (!gCustomizeMode.visiblePalette.querySelector("toolbar" + string + "[id^='" + eltid.split(string)[0] + string + "']"))
                    return true;
            } catch (e) {}
            return false;
        }
    },
    autohidesidebar: {
        sidebar: null,
        allelms: null,
        constructor: function() {
            var sidebar = this.sidebar = document.querySelector("#sidebar-box");
            if(!sidebar)
                return;
            ["dragenter", "drop", "dragexit", "mouseleave"].forEach((type) => {
                sidebar.addEventListener(type, this, false);
            });
            var allelms = this.allelms = Array.from(document.querySelectorAll("menupopup#placesContext, menupopup#contentAreaContextMenu, #urlbar #page-action-buttons"));
            allelms.forEach((allelm) => {
                allelm.addEventListener("click", this, false);
            });
            ucf_custom_script_win.unloadlisteners.push("autohidesidebar");
        },
        destructor: function() {
            var sidebar = this.sidebar;
            ["dragenter", "drop", "dragexit", "mouseleave"].forEach((type) => {
                sidebar.removeEventListener(type, this, false);
            });
            this.allelms.forEach((allelm) => {
                allelm.removeEventListener("click", this, false);
            });
        },
        handleEvent: function(event) {
            this[event.type](event);
        },
        dragenter: function() {
            if (!this.sidebar.hasAttribute("sidebardrag"))
                this.sidebar.setAttribute("sidebardrag", "true");
        },
        drop: function() {
            if (this.sidebar.hasAttribute("sidebardrag"))
                this.sidebar.removeAttribute("sidebardrag");
        },
        dragexit: function(event) {
            var sidebar = this.sidebar;
            var boxObj = sidebar.getBoundingClientRect(), boxScrn = !sidebar.boxObject ? sidebar : sidebar.boxObject;
            if ((!event.relatedTarget || event.screenY <= (boxScrn.screenY + 5) || event.screenY  >= (boxScrn.screenY + boxObj.height - 5)
                || event.screenX <= (boxScrn.screenX + 5) || event.screenX >= (boxScrn.screenX + boxObj.width - 5))
                && sidebar.hasAttribute("sidebardrag"))
                sidebar.removeAttribute("sidebardrag");
        },
        mouseleave: function() {
            if (this.sidebar.hasAttribute("sidebardrag"))
                this.sidebar.removeAttribute("sidebardrag");
        },
        click: function(event) {
            if (event.button == 0 && event.target.closest("menuitem[id^='side-view_mozilla_org'], image[id$='side-view_mozilla_org']"))
                this.sidebar.setAttribute("sidebardrag", "true");
        }
    }
};

if (window.document.readyState != "complete") {
    window.addEventListener("load", function load() {
        window.removeEventListener("load", load, false);
        ucf_custom_script_win.load();
    }, false);
} else
    ucf_custom_script_win.load();


не забудьте включить в настройках скрипт и стиль custom_style_user.css
и раскомментировать @import url("./auto_hide_sidebar.css");  /* <-- Auto Hide Sidebar */
перезапуск по ПКМ кнопкой user_chrome_files

shadow_user пишет

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

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

Выделить код

Код:

#main-menubar::before {
    display: inline-flex;
    content: "Firefox";
    flex-direction: row;
    align-items: center;
    padding-inline-start: 24px;
    padding-inline-end: 4px;
    background-image: url("chrome://branding/content/icon32.png");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-y: center;
    background-position-x: left 4px;
}
  
#main-menubar:-moz-locale-dir(rtl)::before {
    background-position-x: right 4px;
}

sandro79 пишет

А browser.urlbar.megabar в 72 nightly уже всё, выкинули эту настройку вчера в 72.0a1 (2019-11-27)

"Mega bar" is the internal codename for the update 1 design refresh.

наберите в about:config update1
browser.urlbar.update1
browser.urlbar.update1.expandTextOnFocus
browser.urlbar.update1.view.stripHttps

Отсутствует

 

№695428-11-2019 17:23:07

shadow_user
Участник
 
Группа: Members
Зарегистрирован: 14-02-2007
Сообщений: 244
UA: Firefox 68.0

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

Виталий, спасибо, вроде и жизнь стала краше :)
1.1574950943.png

Отсутствует

 

№695528-11-2019 18:56:37

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

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

Vitaliy V. пишет

наберите в about:config update1

Спасибо, ну тогда понятно. Значит browser.urlbar.update1 в true + стиль 71+, как и до вчерашнего обновления.

Отсутствует

 

№695628-11-2019 23:57:33

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 315
UA: Firefox 72.0

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

Vitaliy V.
Установил вашу тему vitaliyvstyle_theme-2019.4.14.xpi. Дизайн просто супер. Единственно не понравился белый цвет папок в панели закладок.
Подскажите пожалуйста, как их перекрасить, например, в желтый цвет.
Вопрос снят. Нашел ваш пост на эту тему

Отредактировано Garalf (29-11-2019 09:56:23)

Отсутствует

 

№695729-11-2019 11:58:16

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

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

egorsemenov06
там где комментарий // Здесь может быть ваш код который сработает по событию "load" не раньше
добавьте это

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

Выделить код

Код:

setTimeout(() => {
            var scriptsName = ["restart_item_in_menu.uc"]; // названия файлов без .js
            var loader = Services.scriptloader;
            scriptsName.forEach((scriptName) => {
                try {
                    loader.loadSubScript( `chrome://user_chrome_files/content/custom_scripts/${scriptName}.js`, window, "UTF-8");
                } catch(e) {
                    Cu.reportError(e);
                }
            });
        }, 0);


и через запятую добавьте названия файлов.
Перезапуск по ПКМ кнопкой user_chrome_files

Также можно использовать custom_script_all_win.js если скрипты должны работать в других окнах например библиотека и т.д

Отредактировано Vitaliy V. (29-11-2019 12:03:23)

Отсутствует

 

№695830-11-2019 20:53:48

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

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

Vitaliy V.
Подскажите пожалуйста, стиль для 68 [firefox], чтоб убрать ненужную полосу прокрутки на странице about:newtab, как в 70+.
Т.е. в 70+ полоса скрыта, если прокручивать нечего. Спасибо.

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

Отредактировано sandro79 (30-11-2019 21:23:02)

Отсутствует

 

№695930-11-2019 23:25:24

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

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

sandro79

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    overflow-y: auto !important;
}
}

Отсутствует

 

№696030-11-2019 23:37:15

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

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

Vitaliy V.
Благодарю! :beer: Добавил в userContent.css, как в 70+ теперь стало, великолепно! Спасибо.

Отсутствует

 

№696102-12-2019 03:20:36

Инсульт
Участник
 
Группа: Members
Зарегистрирован: 29-10-2013
Сообщений: 71
UA: Firefox 56.0

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

Как на 70+ убрать меню "Открыть все во вкладках" эта мерзость от версии к версии вылазит.

Отсутствует

 

№696202-12-2019 14:29:58

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 70.0

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

Инсульт.
Можете скриншот показать того, что так волнует.
Подозреваю, что в Меню закладок, но мало-ли может что другое...

Отсутствует

 

№696302-12-2019 15:57:48

Инсульт
Участник
 
Группа: Members
Зарегистрирован: 29-10-2013
Сообщений: 71
UA: Firefox 56.0

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

Да, меню закладок и в панели закладок. в 60.х версии убиралось так:
.openintabs-menuitem { display: none !important; }

Отсутствует

 

№696402-12-2019 16:18:42

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 70.0

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

Хммм, поглядел.
У меня на 70.0.0.1 (да собственно и на 72 тоже) скрывается вот этим. И вроде класс у Вас такой-же.

Вот это для Меню закладок

Выделить код

Код:

#BMB_bookmarksPopup menuitem.openintabs-menuitem {display: none !important;}
#BMB_bookmarksPopup menu.bookmark-item .bookmark-item:nth-last-child(4) {margin-bottom: 4px !important;}  /* Восстанавливаем отступ снизу */

Ещё есть вот такое, оно вроде для панели закладок.

Выделить код

Код:

#PersonalToolbar menuitem.openintabs-menuitem, #PersonalToolbar menuseparator.bookmarks-actions-menuseparator {display: none !important;}

Отсутствует

 

№696502-12-2019 17:38:52

Инсульт
Участник
 
Группа: Members
Зарегистрирован: 29-10-2013
Сообщений: 71
UA: Firefox 56.0

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

Не работает. Может файл не тот? Пишу в userChrome.css который в профиле в папке chrome
Только сейчас увидел что в 70+ не поддерживается userChrome. И как теперь что то менять?

Отредактировано Инсульт (02-12-2019 17:44:12)

Отсутствует

 

№696602-12-2019 17:47:22

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 319
UA: Firefox 70.0

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

Чтобы Лис кушал userChrome.css в about:config должно быть следующее
toolkit.legacyUserProfileCustomizations.stylesheets > true

Отсутствует

 

№696702-12-2019 19:20:25

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 70.0

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

Vitaliy V.
Вопрос: в71 иконки через binding  приказали долго жить ..Есть способ , но он того...многое рихтовать надо.
И второе : Urlbar - опять  надо творить что-то?

Отсутствует

 

№696802-12-2019 23:59:11

Инсульт
Участник
 
Группа: Members
Зарегистрирован: 29-10-2013
Сообщений: 71
UA: Firefox 56.0

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

а statusbar или что то похожее вернуть как то можно?

Отсутствует

 

№696903-12-2019 10:31:20

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 315
UA: Firefox 72.0

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

Vitaliy V.
У меня в 72b1 отвалилось расширение add toolbar buttons. Проверьте, пожалуйста.

Отредактировано Garalf (03-12-2019 10:31:41)

Отсутствует

 

№697003-12-2019 14:33:15

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

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

solombala пишет

Вопрос: в71 иконки через binding  приказали долго жить ..Есть способ , но он того...многое рихтовать надо.

про биндинг забудь в 72 вообще никакой не заработает

solombala пишет

И второе : Urlbar - опять  надо творить что-то?

если имеется ввиду всплывающая панель по размеру urlbar то https://forum.mozilla-russia.org/viewto … 86#p774586
может быть конфликт с др. стилями для urlbar'а

Инсульт пишет

а statusbar или что то похожее вернуть как то можно?

что-то похожее нижняя панель в user_chrome_files https://github.com/VitaliyVstyle/Vitali … _files.zip

Garalf пишет

У меня в 72b1 отвалилось расширение add toolbar buttons. Проверьте, пожалуйста.

частично, некоторые кнопки где вызов окон настроек прокси, куки. Где до сих пор использовался xul документ.
А у вас вообще не работает? на [windows] не смотрел ещё

Отредактировано Vitaliy V. (03-12-2019 14:38:12)

Отсутствует

 

№697103-12-2019 15:26:42

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 315
UA: Firefox 72.0

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

Vitaliy V.
Да, вообще, не работает. Пишет, типа расширение не проверено, поэтому оно отключено.

Отсутствует

 

№697203-12-2019 15:38:03

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

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

Garalf
если для dev edition достаточно этого
extensions.legacy.enabled - true
xpinstall.signatures.required - false
а для обычной беты разбирайтесь с кодом отключения проверки подписи

Это расширение не подписано потому что web experiments невозможно подписать на амо

Отсутствует

 

№697303-12-2019 16:54:07

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 70.0

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

Vitaliy V.
За иконки речь за 71 . Там мало сменить binding/ Раз так, не вижу смысла ни в 71 ни в 72...Реммору много , смысла мало. Там и кнопки падают...

Отсутствует

 

№697403-12-2019 18:29:31

Инсульт
Участник
 
Группа: Members
Зарегистрирован: 29-10-2013
Сообщений: 71
UA: Firefox 56.0

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

Vitaliy V. пишет

что-то похожее нижняя панель в user_chrome_files https://github.com/VitaliyVstyle/Vitali … _files.zip

Не понятно как это должно работать. фейк какой то.

Отсутствует

 

№697503-12-2019 20:06:09

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

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

Инсульт пишет

фейк какой то

Да ну, это серьезно и что же я подделал github.com или user_chrome_files?

Отредактировано Vitaliy V. (03-12-2019 20:06:27)

Отсутствует

 

Board footer

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