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

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

№1007607-05-2021 18:10:08

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

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

Vitaliy V.

Правильную стилем не получится...

Хорошо. А как сделать чтобы identity-permission-box не отображался при наличии только autoplay-media-icon, но если есть другие -icon (помимо autoplay-media-icon), то чтоб identity-permission-box отображался.

Отредактировано _zt (07-05-2021 18:37:49)

Отсутствует

 

№1007707-05-2021 18:59:52

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

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

_zt
попробуйте такой костыль, не identity-permission-box а #permissions-granted-icon скрыта и отображаются другие иконки .blocked-permission-icon
если же другие иконки не должны отображаться а разрешение есть то отображается последняя со значком от #permissions-granted-icon

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

Выделить код

Код:

#identity-permission-box[hasPermissions] #blocked-permissions-container > .blocked-permission-icon:last-of-type:not([showing="true"]) {
    list-style-image: url("chrome://browser/skin/permissions.svg") !important;
    display: -moz-inline-box !important;
    pointer-events: none !important;
}
#permissions-granted-icon,
#identity-permission-box[hasPermissions] #blocked-permissions-container > .blocked-permission-icon[showing="true"] ~ .blocked-permission-icon:last-of-type:not([showing="true"]) {
    display: none !important;
}
#identity-permission-box[hasPermissions] #blocked-permissions-container > .blocked-permission-icon {
    margin-inline-start: 0 !important;
}
#identity-permission-box[hasPermissions] #blocked-permissions-container > .blocked-permission-icon[showing="true"] ~ .blocked-permission-icon {
    margin-inline-start: 4px !important;
}

Отредактировано Vitaliy V. (07-05-2021 19:40:35)

Отсутствует

 

№1007807-05-2021 20:25:32

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

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

Vitaliy V.
Спасибо, с иконками так получше, но вот например на этом сайте, разрешаю устр.вирт.реальности, а в подсказке пишет про блокировку установки дополнений. Поскольку у этого бокса есть свое меню - как отключить в нем подсказки?

Отсутствует

 

№1007907-05-2021 20:39:50

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

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

_zt
Отредактировано Vitaliy V. (Сегодня 19:40:35)

Отредактировано Vitaliy V. (07-05-2021 21:01:01)

Отсутствует

 

№1008008-05-2021 00:48:31

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

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

Vitaliy V.
Спасибо. Теперь нормально. Даже - отлично.
Лучше бы они сделали одну иконку отображаемую постоянно и в ее меню выбор разрешений, а рядом другую, как индикатор предоставленных разрешений, а не так как сейчас.

Отредактировано _zt (08-05-2021 00:49:55)

Отсутствует

 

№1008109-05-2021 14:26:15

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 82
UA: Firefox 89.0

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

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

межстрочный интервал в протоновском контекстном меню страницы

для [windows] 10 и proton можно попробовать так

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

Выделить код

Код:

menupopup > menuitem,
menupopup > menu {
    padding-block: 4px !important;
    padding-inline-start: 8px !important;
}

Для panel добавить к :root:not([uidensity="touch"]) {

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

Выделить код

Код:

--arrowpanel-menuitem-padding-block: 4px !important;
    --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;

Спасибо! Вроде, настроил, но не могу понять, на что влияют вот эти два параметра:
padding-inline-start: 8px !important;
и
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;

Пробую менять им значения, но не вижу никакого результата.

Отсутствует

 

№1008209-05-2021 18:20:03

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

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

usalex пишет

но не могу понять, на что влияют вот эти два параметра:
padding-inline-start: 8px !important;
и
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 8px !important;

padding-block это заполнение сверху и снизу (на самом деле не всегда зависит от writing-mode, direction, text-orientation)
а padding-inline соответственно слева и справа, но там ещё -start значит только слева (для русской локали, соответствует padding-left)
Ну а 8px в --arrowpanel-menuitem-padding это тоже самое слева и справа но для panel

Отсутствует

 

№1008309-05-2021 22:39:02

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

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

Vitaliy V.
Подскажите пожалуйста, как скрыть в меню ПКМ добавление к поисковому запросу текста "Спонсировано"? Ниже скрин для наглядности.
.sponsored-label скрыл, а этот текст так и остался, никак не могу вычленить. Тут как-то по-хитрому надо.
Нет, я не ищу в поисковике название плитки, просто как-то не к месту там этот текст когда меню открываешь. Может можно как-то это убрать?

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

Отсутствует

 

№1008409-05-2021 22:46:03

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

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

Vitaliy V.
Как в 88+ переупорядочить контекстное меню контекстов страницы, "-moz-box-ordinal-group: 0, 1, 2, 3" неадекватно работает. Вообще с контекстным меню швах, если такое "нечто" в esr попадет, то будет печаль.

Отсутствует

 

№1008510-05-2021 09:17:37

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 237
UA: Firefox 88.0

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

https://forum.mozilla-russia.org/viewtopic.php?pid=790230#p790230

_zt пишет

Вот кстати для findbar добавка. Цвета свои прописать. А то он какой то не интерактивный.

_zt
отдайте svg и png
findbar-button-hover.svg
findbar-button-active.svg
findbar-entire-word.png
и т.д.

Отсутствует

 

№1008610-05-2021 13:09:13

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

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

momo2000
Да пожалуйста, только вот зачем оно вам? У меня то все в едином стиле, кроме того за что хочу что бы глаз цеплялся, да и фоны под мою тему. А фоны кстати вроде родные от Vitaliy V., а может и нет.
svg.7z

Отсутствует

 

№1008710-05-2021 16:21:20

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

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

sandro79
Ну стилем там и не выйдет.
Если охота ради этого скрипт, то можно попробовать
custom_script.js

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

Выделить код

Код:

ChromeUtils.registerWindowActor("UCFNewTabPage", {
    child: {
        moduleURI: "chrome://user_chrome_files/content/custom_scripts/UCFNewTabPageChild.jsm",
        events: {
            contextmenu: { capture: true },
        },
    },
    matches: ["about:home", "about:newtab"],
    messageManagerGroups: ["browsers"],
});


UCFNewTabPageChild.jsm
скрытый текст

Выделить код

Код:

var EXPORTED_SYMBOLS = ["UCFNewTabPageChild"];

class UCFNewTabPageChild extends JSWindowActorChild {
    handleEvent(e) {
        var link = e.composedTarget?.closest("a.top-site-button"), tnode;
        if (!link || !(tnode = link.querySelector(".title:not(.sponsored) .sponsored-label")?.firstChild) || !tnode.data) return;
        Object.defineProperty(tnode, "data", {
            value: "",
        });
    }
}

_zt пишет

"-moz-box-ordinal-group: 0, 1, 2, 3" неадекватно работает

Что именно неадекватно, сепараторы? Ну так к ним тоже надо применять это правило

Отредактировано Vitaliy V. (10-05-2021 16:53:05)

Отсутствует

 

№1008810-05-2021 16:44:17

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

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

Vitaliy V. пишет

Если охота ради этого скрипт, то можно попробовать

Благодарю! Конечно использую скрипт, оно того стоит. Огромное Вам Спасибо!

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

Отсутствует

 

№1008910-05-2021 17:27:20

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

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

Vitaliy V.

есть скрипт для CB - Автоскрыть панель вкладок, можно переделать его для user_chrome_files ?

Отсутствует

 

№1009010-05-2021 22:19:50

broker
Участник
 
Группа: Members
Зарегистрирован: 23-06-2015
Сообщений: 103
UA: Firefox 56.0

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

Здравствуйте, в предыдущем браузере с помощю стиля было так

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

А сейчас так получилось
скрытый текст

как сделать как выше по ссилке?

Отредактировано broker (10-05-2021 22:21:50)

Отсутствует

 

№1009111-05-2021 02:07:51

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

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

Dobrov пишет

можно переделать его для user_chrome_files ?

Переделать да, полностью

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

Выделить код

Код:

(this.autohidetabstoolbar = {
            init(that) {
                var newtab = this.newtab = document.querySelector("#tabs-newtab-button");
                if (!newtab) return;
                newtab.addEventListener("animationstart", this);
                that.unloadlisteners.push("autohidetabstoolbar");
                var style = "data:text/css;charset=utf-8," + encodeURIComponent(`
                    :root[ucfautohidetabstoolbar="true"] #TabsToolbar:not([customizing]) {
                        visibility: collapse !important;
                    }
                    #tabs-newtab-button {
                        opacity: 1;
                        animation-name: toolbar_visible !important;
                        animation-timing-function: step-start !important;
                        animation-duration: .1s !important;
                        animation-iteration-count: 1 !important;
                        animation-delay: 0s !important;
                    }
                    .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"] ~ #tabs-newtab-button {
                        opacity: 0;
                        animation-name: toolbar_hide !important;
                    }
                    @keyframes toolbar_visible {
                        from {
                            opacity: 0;
                        }
                        to {
                            opacity: 1;
                        }
                    }
                    @keyframes toolbar_hide {
                        from {
                            opacity: 1;
                        }
                        to {
                            opacity: 0;
                        }
                    }
                `);
                windowUtils.loadSheetUsingURIString(style, windowUtils.USER_SHEET);
            },
            handleEvent(e) {
                this[e.animationName]?.();
            },
            toolbar_visible() {
                document.documentElement.setAttribute("ucfautohidetabstoolbar", "false");
            },
            toolbar_hide() {
                document.documentElement.setAttribute("ucfautohidetabstoolbar", "true");
            },
            destructor() {
                this.newtab.removeEventListener("animationstart", this);
            }
        }).init(this);

Добавлено 11-05-2021 02:08:48

broker пишет

как сделать как выше по ссилке?

Что именно там много отличий

Отредактировано Vitaliy V. (11-05-2021 02:08:48)

Отсутствует

 

№1009211-05-2021 06:40:37

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

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

Vitaliy V.  - дополнил код, т.к. у меня панель вкладок скрывается, но остаётся панель navigator-toolbox той же высоты.
Может нужен другой стиль для панели вкладок снизу? Я использую CustomCSSforFx +TABS BELOW TITLEBAR


И как код переделать, чтобы грузить через loadscript(…) ? Ещё непонятно, куда вписать этот код.
Я вписал в custom_script_win.js после строк // Здесь может быть ваш код который сработает по событию "load" не раньше ?

Выделить код

Код:

(this.autohidetabstoolbar = { // автоскрытие панели вкладок: CustomCSSforFx +TABS BELOW TITLEBAR
  init(that) {
      var newtab = this.newtab = document.querySelector("#tabs-newtab-button");
      if (!newtab) return;
      newtab.addEventListener("animationstart", this);
      that.unloadlisteners.push("autohidetabstoolbar");
      var style = "data:text/css;charset=utf-8," + encodeURIComponent(`
        :root[ucfautohidetabstoolbar="true"] #TabsToolbar:not([customizing]) {
                visibility: collapse !important;
        }
        #tabs-newtab-button { opacity: 1;
                animation-name: toolbar_visible !important;
                animation-timing-function: step-start !important; animation-duration: .1s !important; nimation-iteration-count: 1 !important; animation-delay: 0s !important;
        }
        .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"] ~ #tabs-newtab-button { pacity: 0;
                animation-name: toolbar_hide !important;
        }
        @keyframes toolbar_visible {
                from { opacity: 0;} to { opacity: 1;}
        }
        @keyframes toolbar_hide {
                from {opacity: 1;} to {opacity: 0;}
        }
      `);
      windowUtils.loadSheetUsingURIString(style, windowUtils.USER_SHEET);
  },
  handleEvent(e) {
      this[e.animationName]?.();
  },
  navbarHeight(e = 0) { // высота navigator-toolbox в зависимости от панели вкладок
      var nav = document.getElementById("navigator-toolbox");
      if (!this.newtab.hasAttribute("nav_h")) this.newtab.setAttribute("nav_h", nav.clientHeight);
      var nav_h = this.newtab.getAttribute("nav_h"), tab_h = document.getElementById("TabsToolbar").lientHeight;
      if (e != 0) nav_h = nav_h - tab_h; // зарезервировано для панели вкладок в несколько строк
      nav.style.cssText = `min-height: ${nav_h}px !important; max-height: ${nav_h}px !important;`;
  },
  toolbar_visible() {
      document.documentElement.setAttribute("ucfautohidetabstoolbar", "false");
      this.navbarHeight();
  },
  toolbar_hide() {
      document.documentElement.setAttribute("ucfautohidetabstoolbar", "true");
      this.navbarHeight(-1);
  },
  destructor() {
      this.newtab.removeEventListener("animationstart", this);
      this.navbarHeight();
  }
}).init(this); // END autohidetabstoolbar

Отредактировано Dobrov (11-05-2021 08:35:22)

Отсутствует

 

№1009311-05-2021 08:02:39

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

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

Vitaliy V. пишет

Что именно неадекватно, сепараторы? Ну так к ним тоже надо применять это правило

Не только, понятно что сепараторы тоже пункты. Уеб.... конт. страницы и текстовых полей (но не только) с лишними пунктами. Перепроверьте пожалуйста "стандартный пункт+ContextMenuOpenWith+расширение" в разных контекстах. Вдруг я не прав.

Отсутствует

 

№1009411-05-2021 13:39:52

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

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

Dobrov пишет

дополнил код, т.к. у меня панель вкладок скрывается, но остаётся панель navigator-toolbox той же высоты.

Не нужно, это делается стилем, когда панел вкладок должна быть скрыта к #main-window добавляется атрибут [ucfautohidetabstoolbar="true"]
поэтому можно например такой код добавить в стиль для скрипта или в userChrome.css (лучше в конце)
#main-window[ucfautohidetabstoolbar="true"]:not([customizing]) box > #navigator-toolbox {
    padding-bottom: 0 !important;
}

Dobrov пишет

Может нужен другой стиль для панели вкладок снизу? Я использую CustomCSSforFx +TABS BELOW TITLEBAR

Ну да с моим кодом не нужно ничего добавлять https://forum.mozilla-russia.org/viewto … 10#p784310
но на [macos] возможно будет что-то не корректно работать, но можно попробовать изменить переменную
--v-toolbar-menubar-height: 0px;
и атрибут height='0'

Dobrov пишет

И как код переделать, чтобы грузить через loadscript(…) ?

не нужно переделывать https://forum.mozilla-russia.org/viewto … 01#p788301
loadscript("autohidetabstoolbar.js", this);

Dobrov пишет

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

да там и должен быть

_zt пишет

Перепроверьте пожалуйста "стандартный пункт+ContextMenuOpenWith+расширение" в разных контекстах. Вдруг я не прав.

Я фиг знает, не вижу ничего криминального пункты с "Открыть страницу в " должны отображаться  везде кроме ссылок.
Видимо это нужно смотреть полностью с вашим фаршем или скриншот хотя бы сделайте чтобы понять о чем речь.
Кстати contextmenuopenwith был обновлен https://forum.mozilla-russia.org/viewto … 54#p782454

Отредактировано Vitaliy V. (11-05-2021 13:43:06)

Отсутствует

 

№1009511-05-2021 20:42:20

broker
Участник
 
Группа: Members
Зарегистрирован: 23-06-2015
Сообщений: 103
UA: Firefox 56.0

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

Vitaliy V.
Здравствуйте, как сделать чтоб не активные вкладки были как в тени а активные как обычно?

скрытый текст
Snymok_800.jpgi.gif

и сверху где меню сделать прозрачным?

Отсутствует

 

№1009611-05-2021 23:24:28

Пострел
Участник
 
Группа: Members
Зарегистрирован: 08-04-2021
Сообщений: 51
UA: Firefox 88.0

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

sandro79, здравствуйте.
На вашем скрине,

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

7d7b975b32f6.png

значек "Обновить / Остановить", размещен в адресной строке.
Пожалуйста поделитесь кодом или стилем.

Отсутствует

 

№1009711-05-2021 23:42:52

pmaster1
Участник
 
Группа: Members
Зарегистрирован: 28-03-2016
Сообщений: 4
UA: Firefox 78.0

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

Подскажите, как заменить кнопку меню (оранжевая, слева вверху окна) с надписью "Firefox" на кнопку меню без надписи, просто со значком. Ну или хотя бы сжать ее по длине раза в два.

Отсутствует

 

№1009811-05-2021 23:55:51

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

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

Пострел, приветствую. Это дополнение Reloader от Matt Hensman, пользуюсь им с 57-ой версии.
Не знаю почему, но автор его удалил с addons.mozilla.org, а оно было одним из лучших. Но на гитхабе присутствует.
Могу только скинуть файл дополнения:

скрытый текст
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

ПКМ
2fbe013608ae.png

Отредактировано sandro79 (12-05-2021 00:07:40)

Отсутствует

 

№1009912-05-2021 00:07:35

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

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

broker пишет

как сделать чтоб не активные вкладки были как в тени а активные как обычно?

Наверно имеется ввиду ожидающие вкладки, все неактивные как то странно делать полупрозрачными

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

Выделить код

Код:

.tabbrowser-tab:not([selected="true"],[multiselected="true"])[pending="true"] {
    opacity: .6 !important;
    font-style: italic !important;
}

broker пишет

и сверху где меню сделать прозрачным?

если правильно понял для [windows] 7 с аеро, указывать надо какая ОС версию [firefox], гадай тут да ещё с левым юзер агентом от [linux]

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

Выделить код

Код:

@media (-moz-windows-glass) {
  #main-menubar {
    background-color: transparent !important;
  }
}

Отредактировано Vitaliy V. (12-05-2021 00:17:28)

Отсутствует

 

№1010012-05-2021 03:28:17

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

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

Vitaliy V. - спасибо за код и стиль!
Но из-за стиля "Вкладки снизу" у меня пропали кнопки окна - это class="titlebar-buttonbox-container"
Есть ли способ починить стиль "Вкладки снизу", чтобы работал и на Маке и на других ОС?


Подключил стиль VitaliyVstyle.github.io/stylesff/full_theme/chrome/user_chrome_files/custom_styles/
1) как поменять фон всех панелей? это не действует: --navbar-background: #e6ebfa !important;
2) как уменьшить высоту вкладок до 20 px ?
3) заметил, что нет полосы прокрутки на странице about:newtab (у меня 10 строк для Top Sites)
Как вернуть полосы прокрутки на странице about:newtab ?

Отредактировано Dobrov (12-05-2021 06:37:25)

Отсутствует

 

Board footer

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