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

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

№1330116-07-2023 19:52:13

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 115.0

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

doud, в какой версии не сработало и в какой файл добавлял?

Отсутствует

 

№1330216-07-2023 20:11:46

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 102.0

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

6e73epo
В 102ESR Добавил в userContent...

Отсутствует

 

№1330316-07-2023 22:36:12

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 115.0

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

doud, странно, что переменная не сработала, может перезаписывается другими стилями. Для 102 попробуй так:

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

Выделить код

Код:

@-moz-document url("chrome://mozapps/content/extensions/aboutaddons.html"), url-prefix("about:addons") {
  panel-list > panel-item-separator {
 	display: none !important;
  }
  button[role="menuitem"]:enabled:hover {
	background-color: red !important;
  }
  button[role="menuitem"]:enabled:hover:active {
  	background-color: green !important;
  }
}

Отсутствует

 

№1330416-07-2023 23:49:52

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

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

qzqz72

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

Выделить код

Код:

.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    margin-inline-start: 0 !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {
    opacity: 1 !important;
    margin-inline-start: 14px !important;
}


Win7

Отсутствует

 

№1330517-07-2023 08:47:56

qzqz72
Участник
 
Группа: Members
Зарегистрирован: 09-07-2023
Сообщений: 17
UA: Firefox 115.0

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

kokoss
Спасибо добрый человек!

Отсутствует

 

№1330617-07-2023 09:04:15

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 102.0

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

6e73epo
Код сработал частично, сепараторы исчезли, а цвет не поменялся...

Отсутствует

 

№1330717-07-2023 14:52:16

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

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

doud пишет

Код сработал частично, сепараторы исчезли, а цвет не поменялся...

Ну почему же частично, у меня в [firefox] esr 102.13.0 работает в userContent.css


Win7

Отсутствует

 

№1330817-07-2023 15:17:01

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 115.0

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

kokoss, частично, потому что перебивался стилем Aris  из addonlists_replace_button_labels_with_icons.css

Отсутствует

 

№1330918-07-2023 18:40:41

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 115.0

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

del

Отредактировано Злой Буратино (18-07-2023 19:00:45)

Отсутствует

 

№1331021-07-2023 11:12:08

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 115.0

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

А как в меню редактирования плитки на домашней странице удалить пункты "Открыть в новом окне","Открыть в новом приватном окне",удалить сепараторы и изменить цвет выделения?
https://www.upload.ee/image/15477870/3.jpg

Отсутствует

 

№1331121-07-2023 12:21:07

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

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

doud
С помощью "Инструментов разработчика":


Win7

Отсутствует

 

№1331221-07-2023 13:27:49

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 114.0

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

del

Отредактировано doud (22-07-2023 12:50:15)

Отсутствует

 

№1331321-07-2023 14:41:36

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 115.0

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

doud пишет

А как в меню редактирования плитки на домашней странице удалить пункты "Открыть в новом окне","Открыть в новом приватном окне"

У тебя было скрыто отображение этих пунктов, но стили Aris перекрыли твои и без инструментов разработчика разобраться в этой каше будет не так просто

Отсутствует

 

№1331421-07-2023 16:29:56

doud
Участник
 
Группа: Members
Откуда: Германия
Зарегистрирован: 03-02-2012
Сообщений: 79
UA: Firefox 102.0

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

6e73epo
Да нет, я эти пункты раньше не скрывал, я не знал как их скрыть...

Отсутствует

 

№1331521-07-2023 17:35:47

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

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

doud пишет

Я в этом инструменте не разбираюсь

Там не сложно разобраться, F12 + -> https://forum.mozilla-russia.org/viewto … 58#p758758


Win7

Отсутствует

 

№1331621-07-2023 18:22:37

qzqz72
Участник
 
Группа: Members
Зарегистрирован: 09-07-2023
Сообщений: 17
UA: Firefox 115.0

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

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

2023-07-21_20-19-39.png

Что бы получилось как то так:

2023-07-21_20-19-39.png

Отредактировано qzqz72 (21-07-2023 20:41:09)

Отсутствует

 

№1331721-07-2023 23:47:28

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

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

qzqz72 пишет

Что бы получилось как то так:

Что бы получилось как то так, ищите в своём стиле код увеличивающий расстояние между панелями меню и вкладок.


Win7

Отсутствует

 

№1331822-07-2023 07:38:13

qzqz72
Участник
 
Группа: Members
Зарегистрирован: 09-07-2023
Сообщений: 17
UA: Firefox 115.0

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

kokoss
Если запустить совсем без стиля то все так же, значит такого кода нет?
2023-07-22_09-34-06.png

Попробовал на чистой мозиле, действительно, там нет такого пробела... :sick:

Если включить заголовок firefox то все становиться как  нужно.
2023-07-22_09-58-49.png

Опытным путем выяснил что мешают кнопки свернуть закрыть и т д
Удалось "сдвинуть" вкладки в нужное положение таким кодом:

скрытый текст
.titlebar-buttonbox-container {margin-bottom: -10px !important; margin-left: -3px !important;}

Но теперь это выглядит как костыль, т.к кнопки и вкладки перекрывают друг друга, можно ли как то уменьшить кнопки закрыть свернуть?
(Изменение тем в виндовс не помогает, в проводнике уменьшаются кнопки, а в окне браузера остаются такие же большие)
2023-07-22_10-53-30.png

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

скрытый текст
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    margin: 0 !important;
    padding: 4px 15px !important;
}

Все стало ОК. kokoss Спасибо за помошь! И извините за беспокойство.

Навсякий случай выложу свой userChrome.css для таких же нубасов как и я, может кому то пригодиться, собирал по кусочкам с форума и статей в интернете.

скрытый текст
/* Отключить перематывание вкладок */
.tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: initial !important;
}

/* Максимальная ширина вкладок */
.tabbrowser-tab[fadein]:not([pinned]) {max-width: 70px !important;
}

/* Высота вкладок */
#TabsToolbar, #tabbrowser-tabs {--tab-min-height: 32px !important;
}

/* Полоса над активной вкладкой (цвет толщина) */
.tab-background[selected="true"] {
    border-top: 2px solid #0983ff !important;
}

/* Убрать расстояние между вкладками до нуля */
.tabbrowser-tab {padding-left: 0 !important; padding-right: 0 !important;
}

/* Убрать пустое место между закрепленной вкладкой и не закрепленной */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {margin-inline-start: 0px !important;
}

/* Выключить закругление краев вкладки (правый и левый нижний угол) */
.tab-background {border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important; margin-block: 1px 0 !important;
}

/* Разделители между вкладками */
.tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
    border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
}
.tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background {
    border-radius: 0 !important;
}
.tabbrowser-tab {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Скрыть надпись "воспроизводится" в режиме обычных и мобильных значков */
.tab-secondary-label {
    display: none !important;
}

/* Значек громкости на вкладках (положение) */
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {
    opacity: 1 !important;
    transform: translate(12px,-8px);
}
/* Скин значка громкости (воспроизведение) */
.tab-icon-overlay[soundplaying] {
    list-style-image: url("chrome://global/skin/media/audio.svg") !important;
}
/* Скин значка громкости (без звука) */
.tab-icon-overlay[muted] {
    list-style-image: url("chrome://global/skin/media/audio-muted.svg") !important;
}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {
    opacity: 1 !important;
}

/* Расстояние между элементами всплывающего меню + расстояние в системных меню закладки / журнал и д.р. */
menupopup > menuitem, menupopup > menu {padding-block: 3px !important;}
:root {--arrowpanel-menuitem-padding: 3px !important;
}

/* Переименование пунктов контекстного меню */
menuitem:is([label="Скопировать"],[label="Скопировать ссылку"],[label="Скопировать изображение"],[label="Скопировать ссылку на изображение"],[label="Скопировать ссылку на видео"],[label="Удалить закладку"],[label="Закрыть вкладку"]) > label,
#menu_copy > hbox > label {
  display: none;
}
menuitem[label="Скопировать"]::before {
  content: "Копировать";
}
menuitem[label="Скопировать ссылку"]::before {
  content: "Копировать ссылку";
}
menuitem[label="Скопировать изображение"]::before {
  content: "Копировать изображение";
}
menuitem[label="Скопировать ссылку на изображение"]::before {
  content: "Ссылка на изображение";
}
menuitem[label="Скопировать ссылку на видео"]::before {
  content: "Ссылка на видео";
}
menuitem[label="Удалить закладку"]::before {
  content: "Удалить";
}
menuitem[label="Закрыть вкладку"]::before {
  content: "Закрыть";
}

/* URL Bar отключить увеличение выпадающего окна результатов поиска */
#urlbar[breakout][breakout-extend] {top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; left: 0px !important; width: calc(100% - 0px) !important;}
#urlbar[breakout][breakout-extend] > #urlbar-background {animation-name: unset !important;}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {height: var(--urlbar-height) !important; padding-block: 1px !important; padding-inline: 1px !important;}

/* Изменить размер кнопки закрыть на вкладках */
.tab-close-button{
margin-inline-start: -2px !important;
width: 18px !important;
height: 18px !important;
padding: 3px !important;
margin-inline-end: -4px !important
}

/* Изменить размер кнопкок Закрыть, Свернуть */
.titlebar-buttonbox > .titlebar-button,
#minimize-button, #restore-button, #close-button {
    margin: 0 !important;
    padding: 4px 15px !important;
}

Отредактировано qzqz72 (22-07-2023 09:25:16)

Отсутствует

 

№1331922-07-2023 08:39:42

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

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

qzqz72 пишет

Если включить заголовок firefox то все становиться как  нужно.

И без включения заголовка всё ОК, попробуйте так:

Выделить код

Код:

:root {
  --tab-block-margin: 0px !important;
}

Add, какой стиль используйте для изменения внешнего вида кнопок управления окном?

Отредактировано kokoss (22-07-2023 11:11:44)


Win7

Отсутствует

 

№1332023-07-2023 12:30:51

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 115.0

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

Подскажите, возможно ли каким-то образом применить собственную favicon для закладок в библиотеке, выпадающем меню и боковой панели соответственно? Стиль для панели закладок есть. В общем нужно изменить глобально.

Отредактировано Злой Буратино (23-07-2023 12:31:37)

Отсутствует

 

№1332123-07-2023 16:00:18

LGS
Участник
 
Группа: Members
Зарегистрирован: 17-09-2022
Сообщений: 100
UA: Firefox 115.0

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

Злой Буратино
https://forum.mozilla-russia.org/viewto … 24#p788024
для иконок папок в закладках, второй спойлер... третий тоже, чтобы посмотреть как выглядит.

Отредактировано LGS (23-07-2023 16:20:24)

Отсутствует

 

№1332223-07-2023 16:10:40

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

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

Злой Буратино
Как вариант:

Выделить код

Код:

@-moz-document url(chrome://global/skin/icons/folder.svg) {
    *|svg {
        background: no-repeat url(
            "иконка"
        );
    }
    *|path {
        display: none;
    }
}

добавить в userContent.css


Win7

Отсутствует

 

№1332323-07-2023 16:38:38

6e73epo
Участник
 
Группа: Members
Зарегистрирован: 06-05-2022
Сообщений: 196
UA: Firefox 115.0

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

kokoss, как вариант варианта, кто не сваливает всё в userContent.css:

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

Выделить код

Код:

/** Import from UserContent.css **/
/** глобальная замена иконки папок **/

@namespace url("http://www.w3.org/2000/svg");

@-moz-document url("chrome://global/skin/icons/folder.svg") {
  svg {
    background: center no-repeat url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='20' height='20' fill='hsla(45, 98%, 75%, 0.9)' fill-opacity='1' stroke='hsla(247, 10%, 18%, 1)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>");
  }
  path {
    display: none;
  }
}

Отсутствует

 

№1332423-07-2023 18:25:03

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

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

6e73epo пишет

как вариант варианта, кто не сваливает всё в userContent.css:
скрытый текст

Если не в userContent.css, то куда его добавить?  В userChrome.css не работает!

Отредактировано kokoss (23-07-2023 19:07:12)


Win7

Отсутствует

 

№1332524-07-2023 09:33:16

Злой Буратино
Участник
 
Группа: Members
Зарегистрирован: 09-12-2011
Сообщений: 98
UA: Firefox 115.0

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

LGS

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

Так как возни довольно много и, судя по всему, я уже использую другой loader, то сразу вопрос, чтобы не терять времени: для обычных папок и букмарклетов будет работать? Папки мне не нужны.

Отсутствует

 

Board footer

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