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

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

№1085124-07-2021 02:05:24

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

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

kokoss пишет

кнопку "Очистить загрузки", желательно здесь

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

Выделить код

Код:

(this.cleardownloadsbutton = {
            init(that) {
                var panel = this.panel = DownloadsPanel.panel;
                if (!panel)
                    return;
                panel.addEventListener("popupshowing", this);
                that.unloadlisteners.push("cleardownloadsbutton");
            },
            handleEvent(e) {
                var dh = DownloadsView.downloadsHistory;
                if (!dh) {
                    this.destructor();
                    return;
                }
                var style = "data:text/css;charset=utf-8," + encodeURIComponent(`
                    vbox#downloadsFooterButtons {
                        display: grid !important;
                        grid-template-columns: repeat(2, 1fr) !important;
                        grid-auto-rows: auto 1fr !important;
                        align-items: stretch !important;
                        grid-template-areas: "a a" "b c" !important;
                    }
                    vbox#downloadsFooterButtons > toolbarseparator:first-of-type {
                        grid-area: a !important;
                        align-self: start !important;
                    }
                    vbox#downloadsFooterButtons > #downloadsHistory {
                        grid-area: b !important;
                    }
                    vbox#downloadsFooterButtons > #ucf-cleardownloads-btn {
                        grid-area: c !important;
                    }
                    #downloadsFooterButtons > button {
                        margin: 0 !important;
                        -moz-box-flex: 1 !important;
                        -moz-box-pack: center !important;
                        -moz-box-align: center !important;
                    }
                    #downloadsFooterButtons.panel-footer.panel-footer-menulike > button {
                        margin-top: 4px !important;
                    }
                    #downloadsFooterButtons > #ucf-cleardownloads-btn[disabled="true"] {
                        pointer-events: none !important;
                    }
                `);
                windowUtils.loadSheetUsingURIString(style, windowUtils.USER_SHEET);
                var btn = this.btn = document.createXULElement("button");
                btn.id = "ucf-cleardownloads-btn";
                btn.className = "downloadsPanelFooterButton subviewbutton panel-subview-footer-button toolbarbutton-1";
                btn.setAttribute("label", "Очистить загрузки");
                btn.setAttribute("disabled", "true");
                dh.after(btn);
                btn.addEventListener("command", this);
                (this.handleEvent = e => {
                    this[e.type](e);
                })(e);
            },
            command(e) {
                DownloadsCommon.getData(window, true)
                .removeFinished();
                PlacesUtils.history.removeVisitsByFilter({
                    transition: PlacesUtils.history.TRANSITIONS.DOWNLOAD,
                }).catch(Cu.reportError);
                this.btn.disabled = true;
            },
            async setbutton() {
                var {_downloads} = await DownloadsCommon.getData(window, true)._promiseList;
                for (let download of _downloads) {
                    if (download.stopped && !(download.canceled && download.hasPartialData)) {
                        this.btn.disabled = false;
                        return;
                    }
                }
                this.btn.disabled = true;
            },
            popupshowing(e) {
                if (e.target != this.panel) return;
                this.setbutton();
                var list = DownloadsCommon.getData(window, true);
                list.addView(this);
                this.panel.addEventListener("popuphiding", e => {
                    if (e.target != this.panel) return;
                    list.removeView(this);
                }, { once: true });
            },
            onDownloadChanged(download) {
                this.setbutton();
            },
            onDownloadRemoved(download) {
                if (!this.btn.disabled)
                    this.setbutton();
            },
            destructor() {
                this.panel?.removeEventListener("popupshowing", this);
                this.btn?.removeEventListener("command", this);
            }
        }).init(this);

UPD: Обновил стиль для кнопки

Отредактировано Vitaliy V. (24-07-2021 14:14:04)

Отсутствует

 

№1085224-07-2021 03:32:50

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 418
UA: Firefox 68.0

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

Vitaliy V. пишет

Очистить загрузки

Куда этот скрипт вставлять?

Отсутствует

 

№1085324-07-2021 04:12:27

Viatcheslav
Участник
 
Группа: Members
Откуда: г. Бобруйск, Беларусь
Зарегистрирован: 23-11-2016
Сообщений: 312
UA: Firefox 88.0

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

Vitaliy V., поясните, пожалуйста, по скрипту скрытия свободного места в заголовке окна при отключенной панели меню - https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310
Не совсем понятно, что делать с этими двумя участками кода:

ucf_custom_script_win

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

Выделить код

Код:

menubarvisibilitychance: {
        buttons: null,
        buttonsfullscreen: null,
        constructor() {
            var menubar = this.menubar = document.querySelector("#toolbar-menubar");
            if (!menubar) return;
            this.observer = new MutationObserver(() => {
                this.settoolbarvisibility();
            });
            this.observer.observe(menubar, {
                attributeFilter: ["autohide", "inactive"],
                attributes: true,
            });
            this.sizemodechange = new MutationObserver(() => {
                this.setbuttonboxwidth();
            });
            this.sizemodechange.observe(document.documentElement, {
                attributeFilter: ["sizemode"],
                attributes: true,
            });
            ucf_custom_script_win.unloadlisteners.push("menubarvisibilitychance");
            this.settoolbarvisibility();
        },
        settoolbarvisibility() {
            var docElm = document.documentElement;
            if (this.menubar.getAttribute("autohide") == "true" && this.menubar.getAttribute("inactive") == "true") {
                docElm.setAttribute("v_menubar_autohide", true);
                this.setbuttonboxwidth();
            } else
                docElm.setAttribute("v_menubar_autohide", false);
        },
        width(outerRect, innerRect) {
            if (!window.RTL_UI)
                this.width = (outerRect, innerRect) => outerRect.right - innerRect.left;
            else
                this.width = (outerRect, innerRect) => innerRect.right - outerRect.left;
            return this.width(outerRect, innerRect);
        },
        setbuttonboxwidth() {
            var buttons, docElm = document.documentElement;
            if (docElm.getAttribute("sizemode") != "fullscreen")
                buttons = (this.buttons || (this.buttons = this.menubar.querySelector(".titlebar-buttonbox-container")));
            else
                buttons = (this.buttonsfullscreen || (this.buttonsfullscreen = document.querySelector("#window-controls")));
            var innerRect = buttons.getBoundingClientRect();
            if (innerRect.width < 1) {
                docElm.style.setProperty("--v-titlebar-buttonbox-container-width", "0px");
                return;
            }
            var outerRect = docElm.getBoundingClientRect();
            docElm.style.setProperty("--v-titlebar-buttonbox-container-width", `${this.width(outerRect, innerRect)}px`);
        },
        destructor() {
            this.observer.disconnect();
            this.sizemodechange.disconnect();
            this.observer = null;
            this.sizemodechange = null;
        }
    },


ucf_custom_script_win.load
скрытый текст

Выделить код

Код:

this.menubarvisibilitychance.setbuttonboxwidth();

Спасибо за помошь

Отредактировано Viatcheslav (24-07-2021 04:46:39)

Отсутствует

 

№1085424-07-2021 09:28:40

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

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

Vitaliy V. пишет

Потому что openDialog, gBrowser находятся в объекте window

Спасибо, в этом разобрался!!!

А тут где ошибка?

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

Выделить код

Код:

try {
  CustomizableUI.createWidget({

    id: "123",
    label: "123",
    tooltiptext: "123",
	image: "chrome://browser/content/robot.ico",
    defaultArea: CustomizableUI.AREA_NAVBAR,

    onCreated(btn) {
		btn.setAttribute("image", this.image);
    },

    onCommand(e) {
			
        if (e.button == 0) {
		e.target.ownerDocument.getElementById('menu_showAllHistory').click()
        }
        if (e.button == 1) {
		e.target.ownerDocument.getElementById('menu_openDownloads').click()
        }

    }

  });
} catch(e) {}

Отредактировано momo2000 (26-07-2021 20:26:21)

Отсутствует

 

№1085524-07-2021 11:32:51

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

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

harryk пишет

Куда этот скрипт вставлять?

custom_script_win.js или загрузчик для него https://forum.mozilla-russia.org/viewto … 02#p792702

Viatcheslav пишет

Не совсем понятно, что делать с этими двумя участками кода:

Этот код добавляется только в custom_script_win.js (без загрузчиков) тот что в первом спойлере например перед строкой 
   specialwidgets: {
из второго в  // Здесь может быть ваш код который сработает по событию "load" не раньше
из третьего в конец файла после этих строк
} else
    ucf_custom_script_win.load();

momo2000 пишет

А тут где ошибка?

onCommand - для обычных кнопок где используется только левая кнопка мыши для выполнения кода
в вашем примере можно заменить на
onClick(e) {...},
или же если нужна сложная кнопка
type: "custom",
onBuild(doc) { ... },
и вам нужно добавить в onBuild код для создания кнопки
var btn = doc.createXULElement("toolbarbutton");
btn.id = "123";
btn.className = "toolbarbutton-1 chromeclass-toolbar-additional";
и т.д. а в конце
return btn;

и кстати можно заменить ваши ....click() на
e.view.PlacesCommandHook.showPlacesOrganizer("History");
e.view.PlacesCommandHook.showPlacesOrganizer("Downloads");

Отредактировано Vitaliy V. (24-07-2021 11:43:58)

Отсутствует

 

№1085624-07-2021 11:33:28

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Продолжаю допиливать интерфейс Гугла. Код

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

Выделить код

Код:

@-moz-document domain(google.com) {
  .RNNXgb,
  .o6juZc,
  #sfdiv {
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .aajZCb,
  .Bhmw4 {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
  }

  .sbdd_b {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
  }

  .dRYYxd {
    margin-right: -10px !important;
  }

  .ACRAdd,
  .Umvnrc,
  #gs_st0 {
    display: none !important;
  }

  .Tg7LZd {
    background-color: #4584ef !important;
    width: 60px !important;
    height: auto !important;
    margin-top: -1px !important;
  }

  #BIqFsb {
    background-color: #4584ef !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    width: 60px !important;
    height: auto !important;
    margin-top: -1px !important;
    padding: 0 !important;
  }

  #mKlEF {
    background-color: #4584ef !important;
    width: 60px !important;
    height: 46px !important;
    margin-top: -1px !important;
  }

  .FAuhyb {
    fill: #ffffff !important;
    color: #ffffff !important;
    margin-right: 1px !important;
  }

  .XZ5MVe {
    fill: #ffffff !important;
    color: #ffffff !important;
  }

  .sbico {
    fill: #ffffff !important;
    color: #ffffff !important;
    margin-right: -12px !important;
  }
}


позволяет привести строку поиска Гугла к такому виду:
скрытый текст
83b8536dcd25.jpg

И вроде бы все нормально, но при прокрутке страницы возникают проблемы в разделах "Картинки" и "Видео":
скрытый текст
815817816c82.jpg

в "Картинках" уменьшается по высоте синяя область, а в "Видео" сползает вниз иконка лупы. Как это можно исправить (или хотя бы заблокировать верхнюю панель с поиском и кнопками, чтобы при прокрутке она оставалась на месте (как в Яндексе) или скрывалась полностью, а не меняла размер по высоте)?

Отсутствует

 

№1085724-07-2021 12:19:32

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Vitaliy V. пишет

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

Класс!!! Благодарю :beer:


Это ещё зачем, это изображение не из [firefox] же берется

Просто решил что если можно скрыть, то и заменить можно. Ладно и так пойдёт:
a5baf0c45f8ct.jpg

Отредактировано kokoss (24-07-2021 12:20:43)


Win7

Отсутствует

 

№1085824-07-2021 15:08:16

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 332
UA: Firefox 90.0

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

Vitaliy V.
От как скриптом уделать эти две иконки(добавить в очередь, смотреть позже) Да вставить в Enhancer for YouTube. Заманало случайное нажатие на эти иконки.
fyoobg8f.png

Отсутствует

 

№1085924-07-2021 15:48:58

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

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

kokoss пишет

Просто решил что если можно скрыть, то и заменить можно

Ну да можно, но не для всех же типов файлов одну иконку
Вот например для файлов .exe

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

Выделить код

Код:

richlistitem.download-state .downloadTypeIcon[src] {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
/* ***************************************************************** */

richlistitem.download-state .downloadTypeIcon:is([src$=".exe?size=32"],[src$=".exe?size=32&state=normal"]) {
    object-position: 32px 0 !important;
    background-image: url("chrome://branding/content/icon32.png") !important;
}


и т.д.
Да и обновил ещё раз стиль для кнопки "Очистить загрузки", сразу не так просто для разных версий [firefox] сделать

ВВП пишет

От как скриптом уделать эти две иконки(добавить в очередь, смотреть позже)

Зачем скрипт, стиля хватает вроде

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

Выделить код

Код:

@-moz-document domain("youtube.com") {
  #hover-overlays {
    display: none !important;
  }
}

ВВП пишет

Да вставить в Enhancer for YouTube

Это где? мне лень искать

Отредактировано Vitaliy V. (24-07-2021 15:58:07)

Отсутствует

 

№1086024-07-2021 15:58:18

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 418
UA: Firefox 68.0

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

Vitaliy V. пишет

или загрузчик для него

Вставил строку

loadscript("ScriptsWin/ClearDownloadsButton.js", this);

после строки

//>>>>>>>>>>| Загрузка скриптов для browser.xhtml |>>>>>>>>>>

Заработало, спасибо. Но не понятен момент. Этот "this" там нужен или можно без него? Вообще как понять когда нужен "this", когда "win", а когда ничего не нужно

Отсутствует

 

№1086124-07-2021 16:22:11

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 332
UA: Firefox 90.0

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

Vitaliy V.

Vitaliy V. пишет

Зачем скрипт, стиля хватает вроде

От черт,вроде его и вставлял и никак. Теперь, класс!

Отсутствует

 

№1086224-07-2021 16:29:02

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

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

harryk пишет

Этот "this" там нужен или можно без него? Вообще как понять когда нужен "this", когда "win", а когда ничего не нужно

Да нужен, он нужен пока в том случае если скрипт мой и
если в начале есть типа, то уже можно сказать нужен this
(this.xxxxxxxxxxxxxxxx = {
В других скриптах - win, хотя можно и некоторые не мои скрипты загрузить с this...
если ничего то по умолчанию используется глобальный объект вызывающего
т.е. если вызвать из этого блока, можно и без win
//>>>>>>>>>>| Загрузка скриптов для browser.xhtml |>>>>>>>>>>
а здесь win обязателен
//>>>>>>>>>>| Загрузка скриптов для др. документов |>>>>>>>>>>

Отредактировано Vitaliy V. (24-07-2021 16:36:04)

Отсутствует

 

№1086324-07-2021 16:51:56

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Vitaliy V. пишет

Ну да можно, но не для всех же типов файлов одну иконку
Вот например для файлов .exe
скрытый текст

и т.д.
Да и обновил ещё раз стиль для кнопки "Очистить загрузки", сразу не так просто для разных версий [firefox] сделать

Вот теперь красота :beer:


9b25b2b7b98dt.jpg


Win7

Отсутствует

 

№1086424-07-2021 16:57:15

harryk
Участник
 
Группа: Members
Зарегистрирован: 23-12-2019
Сообщений: 418
UA: Firefox 68.0

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

Vitaliy V.
Немного прояснилось, спасибо.
Еще момент. У меня следом вызывается скрипт ContextSearch.js у которого вначале тоже (this.xxxxxxxxxxxxxxxx = {. Но вызывается он у меня строкой

loadscript("ScriptsWin/ContextSearch.js", win);

и работает. Это нормально или исправить "win" на "this"?

Отсутствует

 

№1086524-07-2021 16:59:23

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

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

harryk пишет

или исправить "win" на "this"?

Да

Отсутствует

 

№1086626-07-2021 15:55:28

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

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

Vitaliy V. пишет

onCommand - для обычных кнопок...

:beer: Понял! Слепил простые кнопки для себя)


kokoss пишет

Вот теперь красота :beer:

Очень классно, я отказался от этой панельки с какой то версии, как раз из-за отсутствия кнопки очистки, но с той же версии завершенные загрузки удаляются после рестарта!

Есть ли настройка about:config, чтобы после рестарта FF завершенные загрузки не удалялись автоматом с этой плашки?

Отредактировано momo2000 (26-07-2021 20:28:33)

Отсутствует

 

№1086727-07-2021 00:07:58

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

momo2000 пишет

Есть ли настройка about:config, чтобы после рестарта FF завершенные загрузки не удалялись автоматом с этой плашки?

Не в курсе, меня устраивает что они сохраняются в chrome://browser/content/places/places.xhtml


Win7

Отсутствует

 

№1086827-07-2021 21:24:02

kyi
Участник
 
Группа: Members
Зарегистрирован: 16-07-2015
Сообщений: 7
UA: Firefox 78.0

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

Товарищи, добрый день!
Перехожу с SeaMonkey на FF esr т.к. в старом, добром [seamonkey] при обновлении на новую версию не поддерживаются многие плагины, в частности "Менеджер сессий" и "User Agent Switcher".
В общем скачал новый [firefox] и начал разбираться с ним. Как на мой взгляд он очень похерел (Не пользовался им 5 лет) ну ладно, не в этом суть.
Нашел для себя как можно панель вкладок перенести вниз

Панель вкладок вниз

Выделить код

Код:

/*  панель вкладок внизу окна */
@-moz-document url("chrome://browser/content/browser.xhtml") {
    :root:not([inFullscreen]) #browser { margin-bottom: 40px; }
    :root:not([inFullscreen]) #TabsToolbar { position: fixed; display: flex; bottom: 2px; width: 100%; }
  #tabbrowser-tabs { flex-grow: 1; }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox { width: -moz-available }
  #TabsToolbar-customization-target { width: 100%; }
  .toolbar-items { width: 100%; }
}


Но когда перехожу в режим "Персонализация" очень смущает вот такой глюк
333.png
Вкладки наезжают на настройки.
Подскажите кто знает, как можно устранить эту неприятность?

Отсутствует

 

№1086930-07-2021 19:15:25

kokoss
Участник
 
Группа: Members
Зарегистрирован: 15-02-2018
Сообщений: 1728
UA: Firefox 52.0

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

Stkvsky пишет

для фф90?

Да вроде работает!


Win7

Отсутствует

 

№1087030-07-2021 19:45:35

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 78.0

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

kokoss
Действительно, заработало, поставил на чисто, это какие то у меня лаги

Отредактировано Stkvsky (30-07-2021 19:58:46)

Отсутствует

 

№1087131-07-2021 13:11:06

ВВП
Участник
 
Группа: Members
Зарегистрирован: 13-03-2021
Сообщений: 332
UA: Firefox 90.0

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

Vitaliy V.
Можно ли имя вправо отодвинуть стилем ?
Это мне не подходит

скрытый текст
#PlacesToolbarItems > toolbarbutton > label{

xsri6zle.png

Отсутствует

 

№1087231-07-2021 15:39:29

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1700
UA: Firefox 90.0

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

Vitaliy V.
Здравствуйте, вы бы не могли пожалуйста подправить если не сложно, ваш стиль скрытия панели закладок?
Сам стиль: (скрывает панель закладок а при наведении курсора на панель навигации показывает ее)

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

Выделить код

Код:

#PersonalToolbar:not(:is([customizing="true"],[collapsed="true"])) {
    display: flex !important;
    align-items: stretch !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    transition-property: transform, visibility !important;
    transition-duration: .1s !important;
    transition-delay: .1s !important;
    transition-timing-function: ease-out, linear !important;
    z-index: 3 !important;
    border-bottom: 1px solid var(--chrome-content-separator-color, ThreeDShadow) !important;
}
#PersonalToolbar:not(:is([customizing="true"],[collapsed="true"])) > :is(toolbarspring,#personal-bookmarks,#search-container) {
    flex-grow: 1 !important;
}
#nav-bar:not(:hover) ~ #PersonalToolbar:not(:is(:hover,[customizing="true"],[collapsed="true"])) {
    transform: translateY(-100%) !important;
    visibility: collapse !important;
    transition-delay: 1s !important;
    transition-timing-function: ease-in, linear !important;
}

Когда появляется панельзя закладок я открываю папку:

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

Но если я ничего не выбираю и убираю мышку с панели, панель исчезает, а открытая папка нет(продолжает висеть пока не кликнешь по странице)

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

Отредактировано Stkvsky (31-07-2021 20:35:38)

Отсутствует

 

№1087301-08-2021 01:10:27

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

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

ВВП

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

Выделить код

Код:

#bookmarkpropertiesdialog #editBookmarkPanelRows > vbox > input, 
#bookmarkpropertiesdialog #editBookmarkPanelRows > vbox > hbox > input, 
#bookmarkpropertiesdialog #editBMPanel_folderMenuList {
    padding-inline: 12px !important;
}


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

Выделить код

Код:

#PersonalToolbar:not([customizing="true"],[collapsed="true"]) {
    display: flex !important;
    align-items: stretch !important;
    position: fixed !important;
    inset-inline: 0 !important;
    transition-property: transform, min-height, max-height !important;
    transition-duration: .1s !important;
    transition-delay: .1s !important;
    transition-timing-function: ease-out, step-start, step-start !important;
    z-index: 3 !important;
    border-bottom: 1px solid var(--chrome-content-separator-color, ThreeDShadow) !important;
}
#PersonalToolbar:not([customizing="true"],[collapsed="true"]) > :is(toolbarspring,#personal-bookmarks,#search-container) {
    flex-grow: 1 !important;
}
#nav-bar:not(:hover) ~ #PersonalToolbar:not(:hover,[customizing="true"],[collapsed="true"]) {
    transform: translateY(-100%) !important;
    min-height: 0 !important;
    max-height: 0 !important;
    transition-delay: 1s !important;
    transition-timing-function: ease-in, step-end, step-end !important;
    animation-name: PersonalToolbarHide !important;
    animation-duration: .1s !important;
    animation-iteration-count: 1 !important;
    animation-timing-function: step-end !important;
    animation-delay: 1s !important;
}
@keyframes PersonalToolbarHide {
    from {
        overflow-y: hidden;
    }
    to {
        overflow-y: clip;
    }
}

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

Отсутствует

 

№1087401-08-2021 08:41:54

Алексей У.
Участник
 
Группа: Members
Зарегистрирован: 10-04-2021
Сообщений: 159
UA: Firefox 68.0

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

Подскажите, пожалуйста, что нужно поменять в коде,

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

Выделить код

Код:

@-moz-document domain(google.com) {
  .RNNXgb,
  .o6juZc,
  #sfdiv {
    border: 1px solid #cccccc !important;
    border-radius: 2px !important;
    box-shadow: none !important;
  }

  .aajZCb,
  .Bhmw4 {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
  }

  .sbdd_b {
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    box-shadow: none !important;
  }

  .dRYYxd {
    margin-right: -10px !important;
  }

  .ACRAdd,
  .Umvnrc,
  #gs_st0 {
    display: none !important;
  }

  .Tg7LZd {
    background-color: #4584ef !important;
    width: 60px !important;
    height: auto !important;
    margin-top: -1px !important;
  }

  #BIqFsb {
    background-color: #4584ef !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    width: 60px !important;
    height: auto !important;
    margin-top: -1px !important;
    padding: 0 !important;
  }

  #mKlEF {
    background-color: #4584ef !important;
    width: 60px !important;
    height: 46px !important;
    margin-top: -1px !important;
  }

  .FAuhyb {
    fill: #ffffff !important;
    color: #ffffff !important;
    margin-right: 1px !important;
  }

  .XZ5MVe {
    fill: #ffffff !important;
    color: #ffffff !important;
  }

  .sbico {
    fill: #ffffff !important;
    color: #ffffff !important;
    margin-right: -12px !important;
  }
}


чтобы исправить вот это:
скрытый текст
815817816c82.jpg

Проблема возникает при прокрутке страницы Гугла, когда верхняя панель с поиском и кнопками уменьшается в размере по высоте.

Отсутствует

 

№1087501-08-2021 09:18:00

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 91.0

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

Vitaliy V.
Есть вот такой стиль чтобы иконки с названиями в поиске были. И там фон с голубым ингредиентом. Так в Firefox 91 этот фон полностью не заполняется. Как это бы подправить?

скрытый текст
/*----Иконки с названиями в поиске---*/
                   
.search-panel-one-offs {
  background: linear-gradient(blue, rgb(3, 96, 120));
}
               
#PopupSearchAutoComplete .search-panel-one-offs .searchbar-engine-one-off-item {
  -moz-appearance:none !important;
  min-width: 0 !important;
  width: 100% !important;
  border: unset !important;
  height: 22px !important;
  background-image: unset !important;
  -moz-padding-start: 3px !important;
}

#PopupSearchAutoComplete .search-panel-one-offs .searchbar-engine-one-off-item:not([tooltiptext]) {
  display: none !important;
}

#PopupSearchAutoComplete .search-panel-one-offs .searchbar-engine-one-off-item .button-box {
  position: absolute !important;
  -moz-padding-start: 4px !important;
  margin-top: 3px !important;
}

#PopupSearchAutoComplete .search-panel-one-offs .searchbar-engine-one-off-item::after {
  -moz-appearance: none !important;
  display: inline !important;
  content: attr(tooltiptext) !important;
  position: relative !important;
  top: -9px !important;
  -moz-padding-start: 25px !important;
  min-width: 0 !important;
  width: 100% !important;
  white-space: nowrap !important;
}

#PopupSearchAutoComplete .search-panel-tree:not([collapsed="true"]) {
  width: 100% !important;
  display: block !important;
}

#PopupSearchAutoComplete .search-panel-tree:not([collapsed="true"]) > * {
  width: 100%;
}

#PopupSearchAutoComplete .search-panel-tree[height="21"] {
  min-height: 21px !important;
  height: 21px !important;
  max-height: 21px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="42"] {
  min-height: 42px !important;
  height: 42px !important;
  max-height: 42px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="63"] {
  min-height: 63px !important;
  height: 63px !important;
  max-height: 63px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="84"] {
  min-height: 84px !important;
  height: 84px !important;
  max-height: 84px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="105"] {
  min-height: 105px !important;
  height: 105px !important;
  max-height: 105px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="126"] {
  min-height: 126px !important;
  height: 126px !important;
  max-height: 126px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="147"] {
  min-height: 147px !important;
  height: 147px !important;
  max-height: 147px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="168"] {
  min-height: 168px !important;
  height: 168px !important;
  max-height: 168px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="189"] {
  min-height: 189px !important;
  height: 189px !important;
  max-height: 189px !important;
}

#PopupSearchAutoComplete .search-panel-tree[height="210"] {
  min-height: 210px !important;
  height: 210px !important;
  max-height: 210px !important;
}

#PopupSearchAutoComplete .search-panel-tree scrollbar {
  display: none !important;
  visibility: collapse !important;
  opacity: 0 !important;
}


Раньше было так
9c3421ab220c.png 
А в 91 так
ff3e2c78fd21.png

Отсутствует

 

Board footer

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