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

Не получается решить проблему на форуме? Служба технической поддержки Mozilla Россия — support@mozilla-russia.org.

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-02-2019 19:20:12

Тут в голову пришёл вопрос: а можно ли скрыть расширение из списка на странице about:addons? Если да - то как;)?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 29-01-2019 07:12:55

Vitaliy V., спасибо огромное ещё раз - просто шикарно!
https://i106.fastpic.ru/big/2019/0129/09/12bb7262fd5933d525214c5428d25b09.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 28-01-2019 17:45:23

drage2, так она сдвигается под элементами на панели вкладок, а мне нужно чтобы она (с отведённым под неё пространством) - заняла место перед самой левой (первой) вкладкой (освободив место между самой правой кнопкой (на панели вкладок) и кнопкой свернуть)...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 28-01-2019 16:43:32

Родился ещё один маленький вопросик:
Индикаттор приватного режима...
https://i110.fastpic.ru/big/2019/0128/e7/74fe49c05cf4140fe507080ef3f03ce7.png
Иконку ему я поменял, а вот как бы загнать его в левуй верхний угол фокса..?

Выделить код

Код:

.private-browsing-indicator
    {
    background-image: url("./svg/privatebrowsing.svg") !important;
    }

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 22-01-2019 12:02:34

Так, я всё. Получилось как-то вот так:
https://farm5.staticflickr.com/4812/46784057692_158a06316c_n.jpg
Если вдруг кому-то захочется так-же:
[spoiler=userChrome.css][code]@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");



/* Заменяем иконки */
    /* Undo Close Tab */
    #_4853d046-c5a3-436b-bc36-220fd935ee1d_-browser-action
        {
        list-style-image: url("./svg/undoclosetab.svg") !important;
        }

    /* Quick Dial */
    #quickdial_matmoul_com-browser-action
        {
        list-style-image: url("./svg/quickdial.svg") !important;
        }
    #contentAreaContextMenu menuitem[id$="AddToQuickDial"] .menu-iconic-icon
        {
        object-position: 16px 0px !important;
        list-style-image: none !important;
        background: url("./png/quickdial.png") transparent center no-repeat !important;
        }

    /* Расширенное меню */
    #nav-bar-overflow-button
        {
        list-

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 21-01-2019 12:22:39

Vitaliy V., если можно - ещё пара вопросов:
1. можно ли заголовкам в Quick Dial'е:
https://i84.fastpic.ru/big/2019/0121/96/fda3d9d94e34ff031f92009147093396.png
Добавить эффект ухода в прозрачный градиент (можно и в цветной, если это проще) по правому краю (как в заголовках вкладок и в адресной строке)?
https://i110.fastpic.ru/big/2019/0121/4e/59d0bf0e50f47cff1c874c1376d4dc4e.png

2. Про перекрашивание полоски в активной вкладке: а получает ли Firefox другие цвета текущей темы Windows (кроме цвета окна)?
На сколько я понимаю, текущий акцентный цвет системы - хранится в HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\DWM\AccentColor (в AGBR), и это тот цвет - в который используется в качестве фона плиток (в пуске), а все остальные цвета (в том числе и цвет выделенного окна) - являются его производными.
Если Firefox - получает этот цвет от системы, то как называется перименная хранящая его, а если нет - то как в:
[code]@media (-moz-windows-accent-color-in-titleba

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-01-2019 19:30:05

Acid Crash пишет:

сложилось впечатление, что Вы подбираете классы "на ощупь"

Частично - так оно и есть;) Большого желания разбираться в CSS у меня нет, по этому беру работающие примеры, пробую менять в них что-нить и смотрю что получится... (это не самый лучший метод, но некоторые результаты он приносит)... Как находить в инспекторе CSS-селекторы - я достаточно быстро допёр (методом тыка в нём), но помимо селекторов - есть ещё целая куча всего, на разбирательство с чем можно потратить целую жизнь (а каких-то подробных и понятных гайдов с картинками (по крайней мере достаточно быстро и легко) я - не нашёл, те кто что-то понимают - просто делятся готовыми результатами (за что им огромное спасибо) или решают чужие проблемы (за что спасибо не менее огромное), и я понимаю что очень утомительно расписывать что происходит в каждой строчке, откуда оно взято и зачем это нужно (и в большинстве случаев это не нужно ни "авторам" проблемы, ни тем кто её решает))...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-01-2019 17:27:26

Vitaliy V. пишет:

не menu и не .menuitem-iconic-icon

Так, значит если пункт меню не имеет подменю - это: "menuitem", а если имеет - то (как в случае с InFormEnter): "menu". А ".menu-iconic-icon" остаётся таким в любом случае...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 19-01-2019 07:47:54

Vitaliy V., великолепно!
А вот иконки в меню - выше моего понимания! InFormEnter+ - прекрасно работает обоими способами, AdBlock Plus (у которого судя по id - те же проблемы) ни в какую.:(

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

Выделить код

Код:

<menuitem xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" accesskey="" label="Заблокировать элемент" id="_d10d0bf8-f5b5-c8b4-a8b2-2b9879e08c5d_-menuitem-11" class="menuitem-iconic" image="moz-extension://381fd25a-2436-436a-99ed-9940a796c90f/icons/abp-16.png"/>


Выделить код

Код:

#contentAreaContextMenu menu[label="Заблокировать элемент"] .menuitem-iconic-icon,
#contentAreaContextMenu menu[image^="moz-extension://"][image$="/icons/abp-16.png"] .menuitem-iconic-icon

Я понимаю что может не катить кириллический label, но во втором то варианте - иконка, и именно она присутствует в HTML элемента... :(

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-01-2019 22:32:54

Vitaliy V., вынужден вас ещё чуть-чуть побеспокоить: замечательный стиль для Quick Dial'а - отказывается распространяться на подпапки...
[spoiler][code]@-moz-document regexp("moz-extension\:\/\/.*\/dial")
    {
    :root
        {
        --qd-base-color: rgb(59, 36, 104);
        --qd-accent-color: rgb(80, 46, 126);
        }
    .Grid td > a
        {
        position: relative !important;
        }
    /* обычный */
    .Grid td > a::after
        {
        content: "" !important;
        background: linear-gradient(transparent 0%, transparent 65%, var(--qd-base-color) 90%);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        }
    /* выделенный */
    .Grid td > a:hover::after
        {
        background: linear-gradient(transparent 0%, transparent 65%, var(--qd-accent-color) 90%);
        }

    .Grid td > a > div:last-child
        {
        position: absolute !important;
        z-index: 1 !important;
        border

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-01-2019 15:19:35

Vitaliy V., а откуда вытаскиваются id$= для конкретного пункта меню?:angel: Сижу, пытаюсь сделать то же самое с InFormEnter'ом, перепробывал практически все варианты id (что смог придумать, ну всмысле найти)... :( Не хочется вас беспокоить, но хочется понять...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 18-01-2019 13:07:25

Vitaliy V., идеально, ещё раз спасибо. Знаю что обещал - но либо случай сложный, либо я очень сильно туплю:
https://i84.fastpic.ru/big/2019/0118/fa/b9768b4e8acc7e618a7a5dfa5a7664fa.png
Пытаюсь заменить иконку Quick Dial в контекстном меню страницы, пробовал и так:

Выделить код

Код:

#quickdial_matmoul_com-menuitem-_AddToQuickDial .menuitem-iconic
{
list-style-image: url("./svg/quickdial.svg") !important;
}

И так:

Выделить код

Код:

#quickdial_matmoul_com-menuitem-_AddToQuickDial .menuitem-iconic
{
object-position: 16px 0px !important;
list-style-image: none !important;
background: url("./svg/quickdial.svg") !important;
}

- вообще никакой реакции на мои действия...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-01-2019 18:24:23

Vitaliy V., супер! Всё, я практически закончил... За исключением возможности переключать поисковые движки скроллингом, открывать приватную вкладку в том же окне что и все остальные и функционала Tab Scope - фокс теперь именно такой как мне нужен. Тре последних вопроса:
1 Где-то в этой теме мне попадалось обсуждение - как добавить свою кнопку в контекстное меню страницы (в ряд к "назад", "вперёд", "обновить" и "добавить в закладки"), но что-то ничего не могу найти...
https://i109.fastpic.ru/big/2019/0117/f6/5a00a0841b753c20330460ce32fa93f6.png
2. Можно ли заставить фокса, при открытии приватного окна - сразу открывать Quick Dial (ну или ту страницу, которая выбрана в настройках для обычного режима), а не это...
https://i106.fastpic.ru/thumb/2019/0117/d1/c909fcf7d4052cd8e47f8c1ef12a5fd1.jpeg
3. скрытие неактивной кнопки "вперёд" на панели навигации - нашёл такой код:
[c

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-01-2019 12:05:26

Acid Crash, симетрично. Не работает (ничего не перекрашивает) :(

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 17-01-2019 08:59:01

Vitaliy V., спасибо, приступил к изучению:)

Выходим на финишную прямую:
1. Есть вот такая штука:

Выделить код

Код:

tab .tab-icon, .tab-icon-image
    {
    filter: grayscale(1)  opacity(.7)
    }

она обесцвечивает favicon'ы на вкладках и делает их немного прозрачными. Можно ли заставить её не трогать favicon на активной вкладке?
2. Я уже в курсе, что ненужное скрывается вот так:

Выделить код

Код:

#CSS-селектор
    {
    display:none !important;
    }

А можно ли скрыть элемент в обычном режиме и при этом оставить его отображение в приватном?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 16-01-2019 12:47:41

Vitaliy V., ещё вопрос:
Только кнопки в расширенном меню:

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

Выделить код

Код:

#widget-overflow-fixed-list
    {
    margin-left: 0.5em;
    margin-right: 0.5em;
    display: grid; /* Формирование таблицы */
    grid-template-columns: 2fr repeat(3, 1fr);
    grid-column-gap: 0.5em;
    grid-auto-rows: 5.0em;
    grid-row-gap: 0.5em;
    }
#widget-overflow-fixed-list .toolbarbutton-1 > .toolbarbutton-text
    {
    display: none !important;
    }

https://i106.fastpic.ru/big/2019/0116/ae/ba6e076189d4e921df9f54a4fc5be9ae.png


Можно ли увеличить иконки на кнопках? И избавиться от > на кнопках "библиотека" и "забыть"?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 14-01-2019 22:16:09

Vitaliy V. пишет:

эх

Ну, даром то ничего не пропало! Просто вместо релоада там КвикДиал;)

А вот ещё такой вопрос "расширенное меню" и подменю расширений засунутых в него (не меняющие размер)...   Нашёл вот такой вот код:

Выделить код

Код:

#appMenu-libraryView /* Библиотека */
    {
    min-width: 28.0em !important;
    }

И он даёт возможность переопределить нужную ширину, но к сожалению он не работает корректно с ".webextension-popup-browser", получается вот так:

скрытый текст
https://i84.fastpic.ru/big/2019/0114/dd/1929bd804a32d6af4e606ed5865285dd.png

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

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 14-01-2019 12:15:57

Vitaliy V., спасибо - работает.

В связи с потребностью куда-то устроить кнопку Quick Dial - концепция немножко поменялась (она заняла место кнопки обновить в адресной строке)...

А кнопку обновить хочу оставить между назад и вперёд, но возможно ли сделать в её левой грани выемку (по форме соответствующую кнопке "назад")..?
https://i109.fastpic.ru/big/2019/0114/cb/a0cafd09eea37ea0fcad394b4bb5d2cb.png
И (если это критично для стиля) - ужать всем кнопкам (кроме "назад") padding до 6 пикселей...
https://i109.fastpic.ru/big/2019/0114/76/a60de15443b89d4df77e7cd7108af076.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 13-01-2019 07:52:27

Vitaliy V. пишет:

#кнопка { --toolbarbutton-outer-padding: 1px !important; --toolbarbutton-inner-padding: 5px !important; }

А если нужно чтобы кнопка была не квадратная? (прямоугольная по вертикали например)?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2019 14:40:00

Acid Crash, швыткарно! Спасибо, всё получилось. А может вы в курсе - как разом увеличить все иконки (именно иконки, не кнопки) в "расширенном меню"..?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2019 13:20:01

Acid Crash, спасибо - попробую, а ещё вы наверное знаете, какое значение fill-opacity фокс выставляет для неактивных иконок (например для иконки "вперёд", когда она не доступна для нажатия)?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 11-01-2019 08:04:48

Acid Crash,  а может вы ещё вот что знаете: некоторые кнопки - меняют иконку в зависимости от состояния расширения (например: InForm Enter - включён/выключен), можно ли как-то заменить иконки для каждого состояния отдельно (а то, при замене текущим способом иконка остаётся неизменной в любом состоянии)...

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 10-01-2019 15:52:51

Acid Crash, вот жеж хитрая редиска (этот firefox), вбил это свойство вручную - нблюдаю перфекционизм!;)
То-то я думаю кастомная иконка кнопки на панели вкладок - слишком белая, спасибо ещё раз!

Board footer

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