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

Mozilla Россия — свежие версии программ Mozilla, а также масса полезной информации по каждому продукту.

№1302616-05-2023 20:49:28

Inko7
Участник
 
Группа: Members
Зарегистрирован: 09-11-2009
Сообщений: 1005
UA: Firefox 113.0

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

Заметил, что в ff113 отвалился очень нужный стиль для Findbara:

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

Выделить код

Код:

/* компактная панель поиска сверху справа */

@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --v-findbar-flex-direction: row-reverse; /* row-reverse - findbar справа */
    --v-findbar-container-start: 5px; /* 1px - findbar справа */
    --v-findbar-container-end: 100%; /* 100% - findbar справа */
    --v-findbar-margin-right: 17px; /* отступ для скроллбара */
    --v-findbar-duration: 150ms; /* длительность анимации */
    --v-findbar-border-radius: 6px; /* радиус скругления findbar */
    --v-findbar-textbox-radius: 3px; /* радиус скругления поля ввода */
    --v-findbar-textbox-width: 14em; /* длина поля ввода */
    --v-findbar-toolbarbutton-border-radius: 3px; /* радиус скругления кнопок */
    --v-findbar-toolbarbutton-inner-padding: 3px; /* влияет на размер кнопок и поля ввода */
    --v-findbar-toolbarbutton-icon-display: -moz-box; /* none - скрыть иконки на кнопках */
    --v-findbar-toolbarbutton-text-display: none; /* -moz-box - показать текст на кнопках */
}
.browserContainer > findbar {
    -moz-box-ordinal-group: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: var(--v-findbar-margin-right) !important;
    border: none !important;
    display: flex !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    transition: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--toolbar-color, -moz-DialogText) !important;
    box-shadow: none !important;
    overflow: visible !important;
    --toolbarbutton-inner-padding: var(--v-findbar-toolbarbutton-inner-padding);
    --toolbarbutton-border-radius: var(--v-findbar-toolbarbutton-border-radius);
}
.browserContainer > findbar > .findbar-container {
    position: fixed !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: var(--v-findbar-flex-direction) !important;
    inset: auto !important;
    margin: -1px 0 0 0 !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 1px !important;
    padding-inline-start: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-start)) !important;
    padding-inline-end: min(calc(2 * var(--toolbarbutton-inner-padding) + 19px), var(--v-findbar-container-end)) !important;
    overflow: hidden !important;
    border: 1px solid var(--chrome-content-separator-color, rgba(0,0,0,.25)) !important;
    border-top-width: 0 !important;
    box-shadow: none !important;
    z-index: 2 !important;
    border-radius: 0 0 var(--v-findbar-border-radius) var(--v-findbar-border-radius) !important;
    background-color: var(--toolbar-bgcolor, -moz-Dialog) !important;
    background-image: var(--toolbar-bgimage, linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15))) !important;
    opacity: 1;
    animation-name: findbar-animation, findbar-animation-opacity !important;
    animation-delay: 0s !important;
    animation-duration: var(--v-findbar-duration) !important;
    animation-timing-function: linear, ease-out !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
}
.browserContainer > findbar > #findbar-close-container,
.browserContainer > findbar > toolbarbutton.findbar-closebutton {
    margin: 1px 3px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: fixed !important;
    display: flex !important;
    z-index: 2 !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    opacity: 1;
    animation-name: findbar-animation, findbar-animation-opacity !important;
    animation-delay: 0s !important;
    animation-duration: var(--v-findbar-duration) !important;
    animation-timing-function: linear, ease-out !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: none !important;
}
.browserContainer > findbar > #findbar-close-container > toolbarbutton.findbar-closebutton {
    appearance: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    border: none !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
}
.browserContainer > findbar toolbarbutton.findbar-closebutton > .toolbarbutton-icon {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
}
.browserContainer > findbar[hidden="true"] > .findbar-container,
.browserContainer > findbar[hidden="true"] > #findbar-close-container,
.browserContainer > findbar[hidden="true"] > toolbarbutton.findbar-closebutton {
    transform: translateY(-100%);
    animation-name: findbar-animation-hide, findbar-animation-opacity-hide !important;
    animation-timing-function: linear, ease-in !important;
    pointer-events: none !important;
    opacity: 0;
}
@keyframes findbar-animation {
    from {
        transform: translateY(-100%);
        pointer-events: none;
    }
    to {
        transform: translateY(0%);
        pointer-events: none;
    }
}
@keyframes findbar-animation-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes findbar-animation-hide {
    from {
        transform: translateY(0%);
    }
    to {
        transform: translateY(-100%);
    }
}
@keyframes findbar-animation-opacity-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.browserContainer > findbar:-moz-lwtheme {
    color: var(--toolbar-color, inherit) !important;
}
.browserContainer > findbar:-moz-lwtheme > .findbar-container {
    background-color: var(--lwt-accent-color, white) !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))) !important;
}
.browserContainer > findbar:-moz-lwtheme-brighttext > .findbar-container {
    background-color: var(--lwt-accent-color, black) !important;
}
:root[lwtheme-image] .browserContainer > findbar:-moz-lwtheme > .findbar-container {
    background-repeat: repeat-y !important;
    background-size: auto auto !important;
    background-attachment: fixed !important;
    background-position: right top !important;
    background-image: linear-gradient(var(--toolbar-bgcolor, rgba(255,255,255,.4)), var(--toolbar-bgcolor, rgba(255,255,255,.4))), var(--lwt-header-image, none) !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) {
    align-self: normal !important;
}
.browserContainer > findbar > .findbar-container > * {
    margin: 1px !important;
    outline: none !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: normal !important;
}
.browserContainer > findbar > .findbar-container > description:empty {
    margin: 0 !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable,
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    padding-block: 0 !important;
    margin-inline: 0 !important;
    min-height: 22px !important;
    box-sizing: border-box !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.findbar-find-previous {
    margin-inline: 2px !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable {
    min-width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    border: none !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
    background-color: transparent !important;
    padding-inline: var(--toolbarbutton-inner-padding) !important;
    outline: none !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox {
    border-radius: var(--v-findbar-textbox-radius) !important;
    min-height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    width: var(--v-findbar-textbox-width) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > .findbar-textbox,
.browserContainer > findbar > .findbar-container > description,
.browserContainer > findbar > .findbar-container > label {
    padding-bottom: 1px !important;
}
.browserContainer > findbar > .findbar-container > checkbox > .checkbox-label-box > .checkbox-icon,
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-text,
.browserContainer > findbar > .findbar-container > .find-status-icon {
    display: none !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-label-box,.toolbarbutton-text) {
    display: var(--v-findbar-toolbarbutton-text-display) !important;
    margin-inline: 2px !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable > .toolbarbutton-icon,
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) > :is(.checkbox-check,.toolbarbutton-icon) {
    display: var(--v-findbar-toolbarbutton-icon-display) !important;
    appearance: none !important;
    background: none !important;
    color: inherit !important;
    filter: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' height='0'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    fill: currentColor;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton) {
    appearance: none !important;
    padding: var(--toolbarbutton-inner-padding) !important;
    border-radius: var(--toolbarbutton-border-radius) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):hover,
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):hover {
    background-color: var(--toolbarbutton-hover-background, color-mix(in srgb, currentColor 17%, transparent)) !important;
}
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > toolbarbutton.tabbable:not([disabled="true"]):is([checked="true"],:hover:active),
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):is([checked="true"],:hover:active) {
    background-color: var(--toolbarbutton-active-background, color-mix(in srgb, currentColor 30%, transparent)) !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-highlight {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 2,3 V 4.2 H 6 V 12 h 1.2 l 0,-7.8 h 4 L 11.2,3 Z M 12.5,6 C 11.8,8.39 10,10.3 10,11.6 10,12.9 11.1,14 12.5,14 13.9,14 15,12.9 15,11.6 15,10.3 13.2,8.39 12.5,6 Z m 0,6.8 c -1,0 -1.3,-0.8 -1.3,-1.2 0,-1.1 0.8,-2.1 1.3,-3 0.5,0.9 1.3,1.9 1.3,3 0,0.4 -0.3,1.2 -1.3,1.2 z' /></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-case-sensitive {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='m 6,3 -5,9 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 Z M 5.8,5.5 5.8,9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-match-diacritics {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 5,3 3,0 H 0 M 12,5 10,2 H 7 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z'/></svg>") !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-entire-word {
    list-style-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'><path style='fill:rgb(142, 142, 152);' d='M 15,13.8 V 15 H 1 V 13.8 M 15,2.2 15,1 H 1 V 2.2 M 6,3 1,12 h 1.2 l 1.1,-2 h 2.5 v 2 H 7 V 3 M 5.8,5.5 V 9 H 3.9 Z M 13,6 V 6.77 C 12.5,6.28 11.7,6 11,6 9.34,6 8,7.34 8,9 c 0,1.7 1.34,3 3,3 0.7,0 1.5,-0.3 2,-0.8 V 12 h 1 V 6 Z m -2,1 c 1.1,0 2,0.9 2,2 0,1.1 -0.9,2 -2,2 C 9.9,11 9,10.1 9,9 9,7.9 9.9,7 11,7 Z' /></svg>") !important;
}
}


и наверное уже из-за него и этот не работает:
скрытый текст

Выделить код

Код:

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


label.findbar-find-fast{
  visibility: collapse !important;
}

label.found-matches,
.findbar-find-status,
.findbar-find-previous,
.findbar-find-next,
.findbar-button {
  display: block !important;
  visibility: visible !important;
}

.findbar-find-previous[disabled]:active,
.findbar-find-next[disabled]:active {
  background: rgba(23,50,76,.2) !important;
  box-shadow: 0 1px 2px rgba(10,31,51,.2) inset !important;
}

.findbar-find-previous,
.findbar-find-previous[disabled]:active {
  border: 1px solid ThreeDShadow !important;
}


в этой теме глянул, ответа не видел
или никто не жаловался или может ранее уже починили

Отсутствует

 

№1302716-05-2023 21:14:28

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

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

Inko7 пишет

Заметил, что в ff113 отвалился очень нужный стиль для Findbara:

https://forum.mozilla-russia.org/viewtopic.php?pid=804898#p804898


Win7

Отсутствует

 

№1302816-05-2023 21:29:07

Retif
Участник
 
Группа: Members
Зарегистрирован: 14-09-2014
Сообщений: 111
UA: Firefox 113.0

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

_zt пишет

Я вам сказал, что в стилях искать. В стилях, а не в about:config.

Знать бы, где искать.

Отсутствует

 

№1302916-05-2023 21:42:34

Inko7
Участник
 
Группа: Members
Зарегистрирован: 09-11-2009
Сообщений: 1005
UA: Firefox 113.0

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

kokoss
Точно, спасибо!

Отсутствует

 

№1303016-05-2023 23:57:20

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1430
UA: Firefox 113.0

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

Retif пишет

Знать бы, где искать.

В папке chrome - https://tools.stefankueng.com/grepWin.html

Добавлено 16-05-2023 23:59:41
Ну, или любым другим, удобным для вас, способом: FileLocator, FileSearchEX, FileSearchyPro, Advanced.Find.and.Replace, AKS.Text.Replacer, Batch.Text.Replacer, DupliFind, Examine.Text.Search, FindAndReplace, RegExp.AZJIO, Replace.Studio, Text.Filter, TextReplace, TextWorkBench, PowerGREP, ABC.TextCleaner, Actual.Search.Replace и мильон других.

Отредактировано _zt (17-05-2023 00:12:01)

Отсутствует

 

№1303117-05-2023 10:19:00

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

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

Retif
config\general_variables.css
проверяете --tab_min_width: 50px !important;
Чтобы применилось, надо также изменить about:config > browser.tabs.tabMinWidth
В userChrome.css должен быть включён стиль css\tabs\tab_maxwidth.css
P.S. Можете ещё прокрутку табов колесом мыши включить toolkit.tabbox.switchByScrolling -> true

Добавлено 17-05-2023 10:26:53
Скрин https://imgsh.net/a/iFZO6Gi.png

Отредактировано xrun1 (17-05-2023 10:26:53)

Отсутствует

 

№1303218-05-2023 06:50:18

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

8b2dc23377b08d3f2b8612b19a65d740.png

Подскажите, пожалуйста, уважаемые форумчане,
как уменьшить расстояние между значком вкладки ("g") и названием вкладки ("11,464")?
Хочу название вкладки сделать ближе к значку вкладки.
Спасибо ) :)

Отсутствует

 

№1303318-05-2023 08:14:25

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 112.0

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

В 113 перестала отображаться вертикальная панель. Можно это поправить?

Отредактировано Garalf (18-05-2023 08:15:57)

Отсутствует

 

№1303418-05-2023 09:00:32

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

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

Garalf пишет

В 113 перестала отображаться вертикальная панель. Можно это поправить?

Можно, на этой странице решение -> https://forum.mozilla-russia.org/viewtopic.php?id=76642&p=35


Win7

Отсутствует

 

№1303518-05-2023 09:21:31

Garalf
Участник
 
Группа: Members
Зарегистрирован: 19-09-2017
Сообщений: 313
UA: Firefox 113.0

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

kokoss
Все получилось. Спасибо за наводку.

Отсутствует

 

№1303618-05-2023 14:49:46

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

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

shurff пишет

А какой код нужен, чтоб цвет ярлыков папок закладок в боковой панели сменить на желтый?

Этот код можно использовать, если сменить chrome://browser/skin/places/folder.svg на chrome://global/skin/icons/folder.svg

userContent.css

Выделить код

Код:

@-moz-document url(chrome://global/skin/icons/folder.svg) {
    *|svg {
        background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACiklEQVQ4T5WTX0hTURzHv3dbu80tV7lNbTacLvTiNpe6GgYlRA0RIVGpkF58KKHAB3sppin0bAS+9EcIzYcikYqsoCgJERvLJDK11JxDSEmjv5Z393Tuudtw2ks/uPf87u93zud8f79zLgdqn0YbWnmD8QKRJBA5QI1IUUiiSB1AXF1lo/ySomKb1Xu9NTYNnOwsT54lOtMe8MbieHzDuDjRB3NeFeaG22Ar7WLrZGPOkgzYXgDeYGG7JIzQNEfAaTxYHO+EaddBhIevIHt/90aA3uyFWqtRiGuN8ji+BPMjl5DpqkQ4eAP29YDP403EYCmCWq3UGTfZk4Eq3T7MBS/CWliDcKgHOQduJiuQASkmJ1ScmKyAEuQqNIYyTL9oRrb3KMIjd5Bb1vP/gA/PzyHHV/dvwMKbRrLFUkD79ZOpJ5yyAe0fK0lj9GPi2Xk49tYiMnofoib1lj5V35LlaZ9kM+eCJ0ma1QVI32Llx/uggLTbKjEx0AK7uwRfltT4sfCalmW6avd1nGIzZofqidlWDOnPvNI1EgMwnwNvrsHY0xbkFrqg2pSJ718lLEcGkXfotqJ1auAEybB7EP0dSToFtp4+uvQ6vHocgLBbYAE+rQIzwWvI98cAYw+ryc68IkRXZiEj6dVJHCVHv3Q76hHsD8DpyWFx3nwEM6FOCP5eRcG7R7XE6hAQ/fVRWah0j8lngKwGvOxvhtNtlZPYnF6N6VAXCspjgLcPqkiWI58qmEq6yXEZetsZDN0LwO3JYCFdxjFMhbrhrOhTFMglWO32hOz1ji7zOAZ7G1FU6mMp7VYf3ge74a68qwCeXBZOGy2WDkla8yOto6yIBClaVSJqSDO1C4d7m/4Cm2DnEXdHdpIAAAAASUVORK5CYII=") !important;
    }
    *|path {
        display: none !important;
    }
}

yuriymos пишет

как уменьшить расстояние между значком вкладки ("g") и названием вкладки ("11,464")?

Три варианта написания кода

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

Выделить код

Код:

.tab-icon-stack {
  margin-inline-end: -2px !important;
}
Выделить код

Код:

#tabbrowser-tabs .tab-label-container {
  margin-inline: -2px !important;
}
Выделить код

Код:

:is(.tab-throbber,.tab-icon-pending,.tab-icon-image,.tab-sharing-icon-overlay,.tab-icon-overlay):not([pinned]) {
  margin-inline-end: 2px !important;
}

Отредактировано sandro79 (18-05-2023 16:25:37)

Отсутствует

 

№1303719-05-2023 12:33:36

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

sandro79
Спасибо :) помогло

Отсутствует

 

№1303819-05-2023 13:29:09

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

А как уменьшить расстояние между вкладками?
6eb10bc1f6eeb1810fd905f65ccc8a72.jpg
Бился-бился - не выходит!
Я хочу, чтобы текст левой вкладки ближе подходил к значку правой вкладки.
Хочу сделать компакней.
Спасибо

Отсутствует

 

№1303919-05-2023 14:43:39

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

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

yuriymos пишет

А как уменьшить расстояние между вкладками?

Так уменьшить можно

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

Выделить код

Код:

#tabbrowser-tabs .tabbrowser-tab {
  margin-inline: -1.5px !important;
}

Я хочу, чтобы текст левой вкладки ближе подходил к значку правой вкладки

Так попробуйте

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

Выделить код

Код:

#tabbrowser-tabs .tab-content {
  --inline-tab-padding: 6px;
}

Отсутствует

 

№1304019-05-2023 15:40:58

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

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

3b68d41d8b7dd0a55ba00f8ab45069c6.png

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

UPD
Сказал: :not([pinned])
Теперь все очень даже красиво

СПА-СИ-БО

Отредактировано yuriymos (19-05-2023 16:24:21)

Отсутствует

 

№1304119-05-2023 17:34:54

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

sandro79 спасибо
Наверное, последний вопрос

9d8c5f5021920a58e287ca14ac4dd3b7.png

Как избавиться от значка мультконтейнера и звездочки в адресной строке?
Я ими не пользуюсь...

Отсутствует

 

№1304219-05-2023 18:17:23

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

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

yuriymos пишет

Как избавиться от значка мультконтейнера и звездочки в адресной строке?

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

Выделить код

Код:

#pageAction-urlbar-_testpilot-containers, #star-button-box {
  display: none !important;
}

А те, что выше, коды должны исправно работать, может конфликтуют с какими-то вашими стилями. Я проверял их на актуальном [firefox]
Можно так было ещё попробовать, но если разобрались по-другому, то необязательно
скрытый текст

Выделить код

Код:

#tabbrowser-tabs .tabbrowser-tab {
  padding: 0 0.5px !important;
}

Этот код уменьшает пространство меж закреплённой и первой вкладкой

Выделить код

Код:

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
  margin-inline-start: 1px !important;
}

Второй код "вытягивает" содержимое вкладки к краям, можно так его переписать
скрытый текст

Выделить код

Код:

#tabbrowser-tabs .tab-content {
  padding: 0 6px !important;
}

Отсутствует

 

№1304319-05-2023 19:02:52

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

sandro79 спасибо. Сработало.

Отсутствует

 

№1304419-05-2023 21:18:17

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

Друг, помогите пож. еще


92caaee0a29670039344157ed3f34ebf.png

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

Отредактировано yuriymos (19-05-2023 21:45:02)

Отсутствует

 

№1304519-05-2023 21:52:39

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

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

yuriymos пишет

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

Да, так можно

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

Выделить код

Код:

toolbar .toolbaritem-combined-buttons {
  margin-inline: 0.5px !important;
}


Это можно ещё добавить для компактности

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

Выделить код

Код:

#unified-extensions-button {
  margin-inline: -2px !important;
}

#urlbar-container, #search-container {
  --urlbar-margin-inline: 2px;
}

Отредактировано sandro79 (19-05-2023 23:52:22)

Отсутствует

 

№1304620-05-2023 12:49:18

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

Спасибо. Сработало

Отсутствует

 

№1304720-05-2023 15:08:40

miirrr
Участник
 
Группа: Members
Зарегистрирован: 04-05-2023
Сообщений: 8
UA: Firefox 113.0

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

113 версия, заметил проблему в окне Библиотеки
именно в "Загружаемые файлы."
Если имя загружаемого файла длинное, тогда не видно,
загрузился ли он нормально или нет. нужно сделать окно шире, на всю длину имени файла.
В 112 и предыдущих версиях такого не было.
Можно как то сделать так, что бы при средней
ширине окна было видно, загрузился файл, или нет?

Отсутствует

 

№1304820-05-2023 16:01:45

_zt
Участник
 
Группа: Members
Зарегистрирован: 10-11-2014
Сообщений: 1430
UA: Firefox 113.0

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

miirrr
/* 113 - предотвращение глюка длинных заголовков загрузок */
#downloadsListBox description.downloadTarget {
    max-width: 10em !important;
}
Это я для себя делал, в т.ч. для сайдбара. Вы же можете 200-300px написать, или больше.
Если в окне, то в userChrome.css, если во вкладке, то в userContent.css.

Отсутствует

 

№1304920-05-2023 16:53:43

yuriymos
Участник
 
Группа: Members
Зарегистрирован: 31-07-2017
Сообщений: 43
UA: Firefox 113.0

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

sandro79
Помогите пож. еще убрать из поля "Поиск" значок лупы
(который стоит слева и если нажать на него, то он предлагает выбор поиковиков).
Спасибо!!!

Отсутствует

 

№1305020-05-2023 20:25:28

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

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

yuriymos пишет

убрать из поля "Поиск" значок лупы

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

Выделить код

Код:

.searchbar-search-button {
  display: none !important;
}

И чуть от края сдвинуть текст

Выделить код

Код:

.searchbar-textbox {
  margin-inline-start: 6px !important;
}

Можно использовать скрипт возврата значков поисковика.
мой вариант
______.png

Выделить код

Код:

// 'Search engine icon in search bar' script for Firefox 60+ by Aris
//
// Feature: search button shows current search engines icon (like with old search)
// based on 'alternative_searchbar.uc.js'
// Fx 77+ fix provided by anomiex

var tries = 30;
var init = function() {
  // Sometimes search interface is not being created in time. Retry (up to 30 times) until it does.
  try {
	document.getElementById("searchbar").currentEngine;
  } catch(e) {
	if (--tries > 0) {
	  setTimeout(init, 1000);
	}
  }

  try {
	var searchbar = document.getElementById("searchbar");

	updateStyleSheet();

	// Override updateDisplay() from browsers internal 'searchbar.js' file to also update the icon
	var oldUpdateDisplay = searchbar.updateDisplay;
	searchbar.updateDisplay = function() {
	  oldUpdateDisplay.call(this);
	  updateStyleSheet();
	};

	// main style sheet
	function updateStyleSheet() {
	  var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

	  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(' \
		.searchbar-search-button .searchbar-search-icon { \
		  list-style-image: url('+document.getElementById("searchbar").currentEngine.iconURI.spec+') !important; \
		} \
		#searchbar .searchbar-search-icon { \
		   margin-inline-start: 4px !important; \
		} \
		#PopupSearchAutoComplete .ac-type-icon { \
		   display: none !important; \
		} \
		#searchbar .searchbar-textbox { \
		   margin-inline-start: -2px !important; \
		} \
		.search-panel-current-engine { \
		   padding-inline: 4px !important; \
		} \
		#PopupSearchAutoComplete .ac-title-text { \
		   margin-inline-start: 4px !important; \
		   font-size: 13px !important; \
		} \
		#searchbar .search-go-button { \
		   display: block; \
		   list-style-image: url("chrome://global/skin/icons/search-textbox.svg") !important; \
		} \
	  '), null, null);

	  // remove old style sheet
	  if (sss.sheetRegistered(uri,sss.AGENT_SHEET)) { sss.unregisterSheet(uri,sss.AGENT_SHEET); }
	  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

	};

  } catch(e) {}
}
setTimeout(init, 1000);

Отсутствует

 

Board footer

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