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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

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

Andrey_Krropotkin
можно #alltabs-button присвоить атрибут badge="число"
и стиль

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

Выделить код

Код:

#alltabs-button {
    visibility: visible !important;
}
#alltabs-button .toolbarbutton-badge {
    max-width: none !important;
    padding: 0 1px !important;
}


ну там можно ещё и цвет, размер изменить

скрин
https://imageshost.ru/images/2019/03/23/screen.png

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 08-03-2019 14:36:46

css пишет:

слово виджет, что это?

а это, там можно добавить на панели интервалы и разделители по умолчанию это отключено,
включить так
в custom_script_win.js  /** ******** Код для Special Widgets --> **********/
удалить   /*disabled
и в user_style.css раскомментировать @import url("./custom_styles/specialwidget.css");
в настройках включить скрипты и user_style.css

css пишет:

Ну и вообще, там явно функционала не на один тулбар, хотелось бы понять какого.

ну там он и не один а три + настройки в папке options

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

css пишет:

но это только про установку. А описание есть?

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

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

А что именно не понятно ?

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

css пишет:

Я сейчас попыталась найти описание панелей с доп. функциями, но не смогла.

всё забываю исправить название текстового файла в архиве (под [windows] кракозябры)
но это не важно вот его содержимое

скрытый текст
Содержимое папки Firefox поместить в директорию установки Firefox.
Папку chrome поместить в директорию профиля Firefox, если профилей больше одного то можно добавить во все...
В папке custom_scripts находятся два скрипта которые при необходимости можно подключить в настройках
и добавить свой код (после редактирования перезапустить кнопкой Перезагрузка - ПКМ: Отключить загрузку содержимого из кеша и перезапустить).
Кроме скриптов можно подключить в настройках user_style.css, agent_style.css, author_style.css и добавить свои стили
или импортировать свои файлы стилей через @import url("./custom_styles/myFile.css");
Стили в основном лучше добавлять в user_style.css, а те что не сработают в agent_style.css, например стиль для скроллбара или тултипов.

ну и потом у

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

css пишет:

Файлы тулбара на месте

там где одна нижняя панель? это не работает на [firefox] 65 + странно что у вас только сейчас перестало...
я обновлял только vertical_top_bottom_bar.zip

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

там есть все три панели каждую можно не создавать в зависимости от настройки в toolbars.xml
остальные те что были с одной или двумя панелями удалил, т. к. смысла в них нет

или попробуйте эти панели с доп. функциями
Войдите или зарегистрируйтесь, чтобы увидеть скрытый текст.

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

Uxapb пишет:

Я правильно понимаю, что на ff65 через userChrome нельзя перекрасить/затенить фон/текст открытой в фоне и не прочитанной вкладки?

нельзя но с биндингом можно https://forum.mozilla-russia.org/viewto … 84#p763384

Ringo07

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

Выделить код

Код:

#TabsToolbar :-moz-any(.titlebar-placeholder,.titlebar-spacer)[type="pre-tabs"],
#TabsToolbar :-moz-any(.titlebar-placeholder,.titlebar-spacer)[type="post-tabs"] {
    width: 0px !important;
    border: none !important;
}


https://forum.mozilla-russia.org/viewto … 80#p765580

drage2 пишет:

А как close button сделать чуть меньше и жирнее?

не, лучше одинаковой толщины, но попробуй

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

Выделить код

Код:

--v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='1.9' fill='none' d='M 1.67,1.67 10.3,10.3 M 1.67,10.3 10.3,1.67'/></svg>");


Orehis

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 04-03-2019 00:32:45

drage2 пишет:

а кнопки А и ublock они теперь не привязаны к кнопкам окна, css не катит

они теперь как раз привязаны т.к. находятся на одной панели,
css катит только добавь растягивающийся интервал на панель меню перед кнопками,
и стиль

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

Выделить код

Код:

#toolbar-menubar > spacer[ordinal="1000"] {
    max-width: 0px !important;
}

#toolbar-menubar toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], 
#toolbar-menubar toolbarspring {
    max-width: none !important;
}


tagnupip
не нравится мне эта встроенная newtabpage себе расширение пришлось делать...

как то так на скорую руку набросал стиль для userContent.css
[spoiler]

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
body {
    background-image: url("./png/background.png") !important; /* изображение */
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixe

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

drage2 пишет:

Просто код, он какой-то невеселый...

какой этот https://forum.mozilla-russia.org/viewto … 72#p765572 ?
а весёлый это какой?

CSS-стили » Настройка внешнего вида Firefox в userChrome.css » 02-03-2019 00:23:09

Neytrino
используйте label например

Выделить код

Код:

menuitem[label="Text"]

кстати и где есть ID лучше добавить ещё и label чтобы было конкретнее, а то текст ведь может изменится, значит и русский текст должен изменится,
а если вдруг в расширении появится русская локаль то она и будет отображаться вместо стиля

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

Neytrino пишет:

что должно быть вместо .toolbarbutton-text и .toolbarbutton-icon?

Так если нет иконки (.menu-iconic-left) в menuitem или menu

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

Выделить код

Код:

#ID::before {
    content: "Текст";
    display: -moz-box;
    margin-inline-start: 2px;
    padding-inline-start: 19px;
    margin-inline-end: 2px;
    -moz-box-flex: 1;
    -moz-appearance: menuitemtext;
}

#ID > .menu-text {
    display: none !important;
}


А так если есть
скрытый текст

Выделить код

Код:

#ID::before {
    content: "Текст";
    display: -moz-box;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    -moz-box-flex: 1;
}

#ID > .menu-iconic-left {
    -moz-box-ordinal-group: 0 !important;
}

#ID > .menu-iconic-text {
    display: none !important;
}

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

Neytrino
css файл должен быть в кодировке UTF-8 (без BOM)

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

Neytrino пишет:

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

Acid Crash пишет:

Тут не осилил, с классическим :after {content: 'bla'} не сработало. Самому стало интересно как сделать

если пункт toolbarbutton

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

Выделить код

Код:

toolbarbutton#pageAction-panel-page-translator-revised_mathnerd314_github_com[label="Translate Page"]::before {
    content: "Перевести Страницу";
    display: -moz-box;
    padding-inline-start: 8px;
    -moz-box-flex: 1;
}

toolbarbutton#pageAction-panel-page-translator-revised_mathnerd314_github_com[label="Translate Page"] > .toolbarbutton-icon {
    -moz-box-ordinal-group: 0 !important;
}

toolbarbutton#pageAction-panel-page-translator-revised_mathnerd314_github_com[label="Translate Page"] > .toolbarbutton-text {
    display: none !important;
}


примерно так же можно сделать для menuitem menu

Разработка » Кнопка вместо закладки или пользовательская кнопка. » 26-02-2019 18:26:55

AlexBob
например https://forum.mozilla-russia.org/viewto … 15#p763715
там две кнопки одна из них перезапуск
можно заменить команду
this.restartMozilla();
на команду закрытия окна
win.BrowserTryToCloseWindow();
ну и соответственно название кнопки let label = ...
и тултип let tooltiptext = ...
ещё иконку заменить

и код чтобы название кнопки отображалось на панели

Выделить код

Код:

toolbar #v-toolbarbutton-restart-app > .toolbarbutton-text {
    display: -moz-box !important;
}

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

Garalf
в расширении Add Toolbar Buttons https://github.com/VitaliyVstyle/Vitali … .12.17.xpi
те же самые кнопки, некоторые обновлены для [firefox] 65 +
там только нет панели

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

drage2 пишет:

Иконки бы влево сдвинуть...

смотря как ты их добавлял,
см. стиль для меню, можно добавить и в userContent.css https://forum.mozilla-russia.org/viewto … 65#p764365
может что из него поможет

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

drage2 пишет:

Чего это они старые?

да bootstrapped extensions теперь удалили, значит старые,
сам код может пока рабочий, но я имею в виду что не буду обновлять в будущих версиях [firefox]

drage2 пишет:

Кстати, а новых то не густо...

мне пока хватает, а что надо flip close tab ?

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

drage2 пишет:

Как, насчет этого

пока не смотрел,
но в любом случае я не поддерживаю старые расширения для [firefox] 65 +

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

Garalf
я вам там написал на ru-board ...

нет устаревшие расширения не установить без костылей
есть experiments https://github.com/VitaliyVstyle/Vitali … xperiments
ну для них тоже нужны костыли
первая часть кода https://forum.mozilla-russia.org/viewto … 65#p766465
или правка omni.ja
а в Firefox Developer Edition или Nightly только настройка в about:config ...

это расширение без панели, если нужна знаете где взять https://github.com/VitaliyVstyle/Vitali … f/toolbars

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

drage2

Выделить код

Код:

#clearDownloadsButton:not([disabled="true"]) {
  color: white !important;
}

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

drage2
попробовал у меня с окном библиотека - загрузки более менее нормально, с основным нет.
А чем встроенная тёмная тема не устраивает ? Зачем нужен этот стиль, для таких окон как библиотека?
Не стоит из-за этого портить основное...

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

kokoss
значит где-то ошиблись у меня иконки меняют цвет
можно стилем результат тот же

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

Выделить код

Код:

:root {
    --lwt-toolbarbutton-icon-fill: rgb(255,215,0) !important;
}


drage2 пишет:

каким боком devtools?

если быть точнее Browser Toolbox https://developer.mozilla.org/en-US/doc … er_Toolbox

И на чистую ставил

ты же не думаешь что я буду гадать что ты ставил, и смотреть всё сам ?
пиши то что я могу проверить на дефолтном [firefox] а не на твоей сборке,
потому что во первых у меня не [windows], а во вторых мне лень запускать каждый раз виртуалку

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

drage2 пишет:

Куда копать? загрузки - цвет белый , текст тоже не тот(черный)

Для начала пользоваться devtools а не выпиливать их...

kokoss пишет:

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

цвет значков зависит от цвета текста, но можно изменить отдельно добавив в manifest.json например
"icons": "rgb(255,215,0)",
"icons_attention": ... там уже есть

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

m_nikolay пишет:

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

зависит от размера иконок - <toolbarbutton вертикальный отступ + <image вертикальный отступ + фактическая высота иконки
у вас видно что две иконки расположены близко друг к другу с ними и разбирайтесь, вероятно сами же и уменьшили

P.S. а да возможно это из-за стилей Aris ...

Board footer

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