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

xrun1 · №8076

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

iamgdv · №8077

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;
}
}

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

Hobbix · №8078

Acid Crash пишет

Vitaliy V. пишет
у меня не перемешается значок закрытия вкладки,
Не уверен до конца, но вроде баг появляется, когда очень много вкладок открыто (до состояния, что крестики убираются у всех вкладок), а затем их разом позакрывать пачку, чтобы места снова стало достаточно.
И, да, это вроде помогает.
Выделить код
Код:
.tab-content > .tab-close-button {
    -moz-box-ordinal-group: 100 !important;
}

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

voqabuhe · №8079

Vitaliy V. пишет

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

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

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

sandro79 · №8080

iamgdv пишет

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

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

kokoss · №8081

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

iamgdv · №8082

sandro79 пишет

iamgdv пишет
как на каждую вкладку можно кнопку их закрытия добавить? пропадают при открытии около десятка вкладок
https://forum.mozilla-russia.org/viewto … 90#p778490

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

Vitaliy V. · №8083

kokoss

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

Выделить код

Код:

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

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

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

Выделить код

Код:

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

kokoss · №8084

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

Vitaliy V. · №8085

kokoss пишет

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

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

kokoss пишет

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

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

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

kokoss · №8086

Vitaliy V. пишет

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

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

harryk · №8087

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

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

solombala · №8088

Vitaliy V.

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

Vitaliy V. · №8089

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)

solombala · №8090

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

Vitaliy V. · №8091

solombala пишет

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

это так что ли

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

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

solombala · №8092

Vitaliy V.
.accesskey = И ...у меня нет , какой код вставить? Толком, без рисунка . И на guery не помешало бы.

Vitaliy V. · №8093

solombala
omni/localization/ru/browser/menubar.ftl

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

Выделить код

Код:

menu-tools =
    .label = И
    .tooltiptext = Инструменты

solombala · №8094

Vitaliy V.
Так просто? Класс! А, на это?
.bookmark-item[container][query] .... tooltiptext="Часто посещаемые"

Отредактировано solombala (20-03-2020 17:29:04)

Vitaliy V. · №8095

solombala
так наверно
omni/chrome/browser/content/browser/places/browserPlacesViews.js

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

PlacesToolbar.prototype = {
...
_insertNewItem: function PT__insertNewItem(
aChild,
aInsertionNode,
aBefore = null
) {
...
if (PlacesUtils.nodeIsQuery(aChild)) {
button.setAttribute("query", "true");
button.setAttribute("tooltiptext", aChild.title || "");
if (PlacesUtils.nodeIsTagQuery(aChild)) {
button.setAttribute("tagContainer", "true");
}
}

ну это не только Часто посещаемые но и Недавно добавленные, Метки, Последние метки...

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

solombala · №8096

Vitaliy V.

Vitaliy V. пишет

ну это не только Часто посещаемые но и Недавно добавленные, Метки, Последние метки...

Этого у меня нет. Короче, шикарно! Кстати, в 75 поиск сильно изуродовали ? urlbar , searchbar ? Читал что-то об этом.
Не могу из библиотеки убрать "Другие закладки" ...Опять дерево?

Зарыто здесь : OtherBookmarksFolderTitle=Другие закладки
Этот OtherBookmarksFolderTitle - убираю из скриптов - бесполезно...

Отредактировано solombala (21-03-2020 19:07:45)

Ovod · №8097

Привет
В 74 версии не могу посредством about:config: попасть в конфигурации -

а мне нужно вот этот параметр откорректировать

чего теперь делать?

Ovod · №8098

Vitaliy V.
ПОМОГИТЕ ПОЖАЛУЙСТА РАЗОБРАТЬСЯ

Vitaliy V. · №8099

Ovod
И что это за скриншот https://www.upload.ee/image/11312915/20 … 145452.jpg ?
у вас что перекидывает на эту страницу вместо about:config что ли

А вообще можно создать user.js и добавить
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

Ovod · №8100

Vitaliy V.
да, перекидывает!

Добавлено 22-03-2020 14:46:00

Vitaliy V. пишет

А вообще можно создать user.js и добавить
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);

добавил, а толку - то !
https://cloud.mail.ru/public/77DK/nwcBqK8LV

все остальные css все едино не работают!
непросмотренные линки мутно-серые, как и просмотренные
ширина полос меню не отрегулирована

Отредактировано Ovod (22-03-2020 14:46:00)

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

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

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

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

Код:

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

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

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

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

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

Код:

Код:

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

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

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

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

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

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

Код:

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

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

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

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

Код:

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

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

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

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

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

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

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

Board footer