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

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

№812616-03-2020 08:58:24

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 139
UA: Firefox 74.0

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

Acid Crash пишет
Hobbix пишет

Ребята, подскажите кто-нибудь, как перенести иконку звука во вкладке в левую сторону перед иконкой сайта? Firefox 74.
https://i111.fastpic.ru/big/2020/0315/c … fe8ecd.png

Попробуйте вот так.

Выделить код

Код:

/* Tabs - Move audio icon to the start */
.tab-content .tab-icon-sound {
    margin-inline-start: -4px !important;
    margin-inline-end: 3px !important;
    -moz-box-ordinal-group: 0 !important;
}

Это работает, но почему-то периодически значок закрытия вкладки "крестик" перепрыгивает аналогично на левую сторону вкладки. Что-то тут не совсем так с этим кодом, во всяком случае для FF74. Пока не могу понять в чем дело и какова закономерность такого явления.

Отсутствует

 

№812716-03-2020 10:51:18

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

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

Да, заметил.
К сожалению причины или способы решения, не подскажу.
Код не мой, в закромя родины нашел. Уже не помню, откуда вылез.
Технически код должен работать исправно.
Может кто из знатоков подскажет лучше...

Отсутствует

 

№812816-03-2020 11:46:57

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

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

.tab-icon-sound {
    margin-inline-start: -4px !important;
    margin-inline-end: 3px !important;
    -moz-box-ordinal-group: 0 !important;
}
Плюс closetab cмотреть , не должна она дергаться...У меня совсем не так..

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

Выделить код

Код:

.tab-icon-sound {
    margin-inline-start: 8px !important;
    margin-inline-end: -7px !important;
    -moz-box-ordinal-group: 2 !important;
}

Отсутствует

 

№812916-03-2020 13:05:10

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

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

voqabuhe
перезагрузка требуется только для переключения image.animation_mode (about:config)
CSS анимация т.е. ЛКМ переключается без...

Hobbix
Acid Crash
у меня не перемешается значок закрытия вкладки,
может добавить этот код

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

Выделить код

Код:

.tab-content > .tab-close-button {
    -moz-box-ordinal-group: 100 !important;
}


или для всех элементов добавить -moz-box-ordinal-group

Отредактировано Vitaliy V. (16-03-2020 13:16:42)

Отсутствует

 

№813016-03-2020 14:07:32

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

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

Vitaliy V. пишет

у меня не перемешается значок закрытия вкладки,

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

Выделить код

Код:

.tab-content > .tab-close-button {
    -moz-box-ordinal-group: 100 !important;
}

Отсутствует

 

№813116-03-2020 15:18:17

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 74.0

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

Vitaliy V. пишет

перезагрузка требуется только для переключения image.animation_mode (about:config)
CSS анимация т.е. ЛКМ переключается без...

У меня ЛКМ вообще никак не переключает анимацию, только иконка меняется и всё.

Отсутствует

 

№813216-03-2020 16:46:11

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

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

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

voqabuhe
анимации разные бывают, но CSS transitions и animations должно вырубать полностью, если не включена настройка о которой писал...
например как здесь
https://developer.mozilla.org/en-US/doc … ransitions
http://css.yoksel.ru/css-animation/

Отредактировано Vitaliy V. (16-03-2020 16:47:05)

Отсутствует

 

№813316-03-2020 18:03:54

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 74.0

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

Vitaliy V.
Так какую настройку надо включить, чтоб кнопка переключала, ну вот например этот смайл ?

Отсутствует

 

№813416-03-2020 18:13:29

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

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

voqabuhe
а вы как думаете, это gif значит ту которая переключает image.animation_mode (about:config)
в none или once

Отсутствует

 

№813516-03-2020 18:20:24

xrun1
Участник
 
Группа: Members
Зарегистрирован: 12-12-2013
Сообщений: 1160
UA: Firefox 74.0

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

Vitaliy V.
Спасибо, теперь всё отлично!

Отсутствует

 

№813616-03-2020 21:42:06

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 74.0

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

ff74
userChrome.css вот такой:

скрытый текст
@-moz-document url-prefix("chrome://browser/content/browser.x") {
*|*:root:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    border-bottom: none !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}
*|*:root:not([inFullscreen]) #navigator-toolbox > toolbar {
    -moz-box-ordinal-group: 10 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    -moz-box-ordinal-group: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
*|*:root:not([inFullscreen]) #navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 1 !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
*|*:root:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: none !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton),
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * {
    align-self: center !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > .toolbaritem-combined-buttons > * > * {
    vertical-align: middle !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
*|*:root[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > *:not(.titlebar-buttonbox-container) {
    visibility: hidden !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
@media (-moz-windows-classic) {
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar {
    padding-top: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
*|*:root:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    padding-top: 8px !important;
}
}
*|*:root:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
*|*:root:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
*|*:root:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: 0 -1px 0 var(--tabs-border-color, rgba(0,0,0,.3)) inset !important;
    position: static !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
*|*:root:not([inFullscreen]) #TabsToolbar .tab-background {
    border-top-style: solid !important;
}
*|*:root:not([inFullscreen])[tabsintitlebar] #TabsToolbar .titlebar-buttonbox-container,
*|*:root:not([inFullscreen]) #navigator-toolbox::after,
*|*:root:not([inFullscreen]) #TabsToolbar::after,
*|*:root:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

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

Отсутствует

 

№813716-03-2020 21:47:31

Hobbix
Участник
 
Группа: Members
Зарегистрирован: 18-07-2012
Сообщений: 139
UA: Firefox 74.0

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

Acid Crash пишет
Vitaliy V. пишет

у меня не перемешается значок закрытия вкладки,

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

Выделить код

Код:

.tab-content > .tab-close-button {
    -moz-box-ordinal-group: 100 !important;
}

Да, похоже этот способ исправить баг реально рабочий. Пока полет нормальный, крестик не перескакивает налево, буду наблюдать дальше.

Отсутствует

 

№813817-03-2020 00:18:57

voqabuhe
Участник
 
Группа: Members
Зарегистрирован: 06-12-2011
Сообщений: 3231
UA: Firefox 74.0

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

Vitaliy V. пишет

а вы как думаете, это gif значит ту которая переключает image.animation_mode (about:config)
в none или once

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

Отредактировано voqabuhe (17-03-2020 00:32:25)

Отсутствует

 

№813917-03-2020 00:29:42

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

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

iamgdv пишет

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

https://forum.mozilla-russia.org/viewto … 90#p778490

Отсутствует

 

№814017-03-2020 16:43:28

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

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

Vitaliy V.
Как скрыть текст над кнопкой-переключения анимации в add_toolbar_buttons 2020.3.15 ?


Win7

Отсутствует

 

№814117-03-2020 19:31:54

iamgdv
Участник
 
Группа: Members
Зарегистрирован: 11-01-2007
Сообщений: 49
UA: Firefox 74.0

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

sandro79 пишет
iamgdv пишет

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

https://forum.mozilla-russia.org/viewto … 90#p778490

наконец-то разобрался, что нужно сделать.... получилось... мерси)

Отсутствует

 

№814217-03-2020 19:52:54

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

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

kokoss

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

Выделить код

Код:

#b-stop-animation *|*.toolbarbutton-badge {
  display: none !important;
}


или например скрыть только состояние normal
скрытый текст

Выделить код

Код:

#b-stop-animation[badge="nor"] *|*.toolbarbutton-badge {
  display: none !important;
}

Отсутствует

 

№814317-03-2020 20:58:04

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

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

Vitaliy V.
Спасибо, но всё равно не то. А как мне выдернуть эту кнопку из предыдущей версии_add_toolbar_buttons, и если это возможно что бы при переключении анимации автоматически обновлялась вкладка?


Win7

Отсутствует

 

№814417-03-2020 21:18:11

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

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

kokoss пишет

но всё равно не то.

а что надо простую переключалку image.animation_mode? тогда вот https://addons.mozilla.org/ru/firefox/a … gleanigif/

kokoss пишет

что бы при переключении анимации автоматически обновлялась вкладка?

она обновляется (если включено в настройках) при клике ПКМ или СКМ, для ЛКМ обновлять не требуется

Отредактировано Vitaliy V. (17-03-2020 21:18:46)

Отсутствует

 

№814517-03-2020 22:02:34

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

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

Vitaliy V. пишет

а что надо простую переключалку image.animation_mode? тогда вот https://addons.mozilla.org/ru/firefox/a … gleanigif/

Да, то что и требовалось, спасибо!


Win7

Отсутствует

 

№814618-03-2020 10:59:26

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

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

Как изменить шрифт в devtools? Разобрался
Как изменить цвета тегов, атрибутов и значений атрибутов в инспекторе?

Отредактировано harryk (18-03-2020 13:28:47)

Отсутствует

 

№814719-03-2020 16:57:16

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

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

Vitaliy V.
keoj8gnr.jpg
tooltiptext на эти кнопки?  Или в omni.ja надо лезть ?

Отсутствует

 

№814819-03-2020 19:35:17

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

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

solombala пишет

tooltiptext на эти кнопки?  Или в omni.ja надо лезть ?

можно в omni.ja добавить атрибут tooltiptext для кнопок toolbarbutton.titlebar-button, сделать тоже скриптом
или вариант с css примерно как для папок закладок

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

Выделить код

Код:

*|*:root {
    --v-titlebar-tooltip-appearance: tooltip; /* или none если используются свои цвета*/
    --v-titlebar-tooltip-background: none; /* цвет фона */
    --v-titlebar-tooltip-color: InfoText; /* цвет текста */
    --v-titlebar-tooltip-border-color: transparent; /* цвет бордюра */
}

*|*:root[lwt-popup-darktext] {
    --v-titlebar-tooltip-appearance: none;
    --v-titlebar-tooltip-background: var(--arrowpanel-background, rgb(255, 255, 255));
    --v-titlebar-tooltip-color: var(--arrowpanel-color, rgba(12, 12, 13, 1));
    --v-titlebar-tooltip-border-color: var(--arrowpanel-border-color, rgb(173, 127, 127));
}

*|*:root[lwt-popup-brighttext] {
    --v-titlebar-tooltip-appearance: none;
    --v-titlebar-tooltip-background: var(--arrowpanel-background, rgb(27,27,29));
    --v-titlebar-tooltip-color: var(--arrowpanel-color, rgb(177,177,179));
    --v-titlebar-tooltip-border-color: var(--arrowpanel-border-color, rgb(60,60,61));
}

hbox.titlebar-buttonbox {
    position: relative !important;
}

toolbarbutton.titlebar-button:not([disabled="true"])::after {
    display: -moz-popup;
    z-index: 2147483647;
    text-shadow: none;
    position: absolute;
    -moz-appearance: var(--v-titlebar-tooltip-appearance);
    background: var(--v-titlebar-tooltip-background);
    color: var(--v-titlebar-tooltip-color);
    border: 1px solid var(--v-titlebar-tooltip-border-color);
    padding: 2px;
    top: 100%;
    right: 0;
    font: message-box;
    -moz-box-orient: vertical;
    white-space: nowrap;
    visibility: collapse !important;
}

toolbarbutton.titlebar-button:not([disabled="true"]):hover::after {
    visibility: visible !important;
}

toolbarbutton.titlebar-button.titlebar-min:not([disabled="true"])::after {
    content: "Свернуть окно";
    left: 0;
    right: auto;
}

toolbarbutton.titlebar-button.titlebar-max:not([disabled="true"])::after {
    content: "Резвернуть окно на весь экран";
}

*|*:root[sizemode="maximized"] toolbarbutton.titlebar-button.titlebar-max:not([disabled="true"])::after {
    content: "Восстановить окно";
}

toolbarbutton.titlebar-button.titlebar-close:not([disabled="true"])::after {
    content: "Закрыть окно";
}

Отредактировано Vitaliy V. (19-03-2020 19:35:55)

Отсутствует

 

№814919-03-2020 21:06:13

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

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

Vitaliy V.
В Omni.ja - в легкую ....А , вот с <menu id="tools-menu" - никак...Может стилем? Там у меня одна буква И , хотелось бы  tooltiptext -"Инструменты"

Отсутствует

 

№815019-03-2020 23:15:16

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

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

solombala пишет

А , вот с <menu id="tools-menu" - никак... Там у меня одна буква И

это так что ли

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

как видишь тултип добавлен и работает.
можно и стилем, это сам что ли по примеру не осилишь?

Отсутствует

 

Board footer

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