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

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

№1032601-06-2021 23:36:54

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

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

voqabuhe
cac08f9f959fda9daaba3833ad4d452b.jpg

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

Выделить код

Код:

/* Vitaliy V. - https://forum.mozilla-russia.org/viewtopic.php?pid=782586#p782586 */

@-moz-document url("chrome://browser/content/browser.xhtml") {
*|*:root {
    --v-findbar-flex-direction: row; /* row-reverse - findbar справа */
    --v-findbar-container-padding-inline-start: 25px; /* 1px - findbar справа */
    --v-findbar-container-padding-inline-end: 1px; /* 25px - findbar справа */
    --v-findbar-margin-right: 17px; /* отступ для скроллбара */
    --v-findbar-duration: 150ms; /* длительность анимации */
    --v-findbar-border-radius: 4px; /* радиус скругления 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;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: -1px 0 0 0 !important;
    height: auto !important;
    padding: 1px !important;
    padding-inline-start: var(--v-findbar-container-padding-inline-start) !important;
    padding-inline-end: var(--v-findbar-container-padding-inline-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 > toolbarbutton.findbar-closebutton {
    margin-inline: 3px !important;
    margin-block: 2px !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: 22px !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 > toolbarbutton.findbar-closebutton > .toolbarbutton-icon {
    margin: 0 !important;
    padding: 1px 1px 1px 1px !important;
    border: none !important;
    height: 16px !important;
    width: 16px !important;
    border-radius: var(--v-findbar-toolbarbutton-border-radius) !important;
    color: rgba(214,167,167,0.9) !important;
}

/*** Анимация появления\скрытия панели ***/
.browserContainer > findbar[hidden="true"] > .findbar-container,
.browserContainer > findbar[hidden="true"] > toolbarbutton.findbar-closebutton {
    transform: translateY(-50%);
    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(-50%);
        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(-50%);
    }
}
@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: rgba(40,42,50,.8) !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;
    border: 1px solid rgba(100,100,100,0.8) !important;
    border-radius: var(--v-findbar-textbox-radius) !important;
}
/* Заполнитель поля ввода */
.browserContainer > findbar > .findbar-container > description.findbar-find-fast: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: 20px !important;
    box-sizing: border-box !important;
    outline: none !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;
}
.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: 18px !important;
    width: 18px !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;
}
.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"],:active),
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton):not([disabled="true"]):is([checked="true"],:active) {
    background-color: rgba(0,150,220,.33) !important; 
}

/*** Фон поля ввода ***/
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > *|*.findbar-textbox {
    border: 1px solid rgba(20,20,20,0.8) !important;
    background-color: rgba(20,20,20,0.8) !important;
    font-size: 13px !important;
}
/* в фокусе */
.browserContainer > findbar > .findbar-container > hbox[anonid="findbar-textbox-wrapper"] > *|*.findbar-textbox:focus {
    border: 1px solid rgba(0,0,0,0.8) !important;
    background-color: rgba(15,15,15,0.9) !important;
}

.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-highlight {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAC1ElEQVRIDe2UX0hTcRTH770Tt3JQ9Mek6GFJyv65EDJaPiTki0QF6ZCEiLKHoKS/9OehgqDCl0KwQOqhHnxYJEQPSUrOx9oQxpxjD0mEJTRKFoW27W59zmWOjYlv0csu59zv9/z7nXPP3Z2iVK7/vQF1tQH8fr/JbrfvqaqqOqDrepOqqmtyudwcOKmq6oTD4ZhfrV5iKzaYmZlpzmazfSQcRa1omdAgR84UgedWq3XIZrMtwcukpEE8Ht+USqUGKe5C/zCtBZ3VNO0RlW8ymcwiT9OI7zjahV8HzcTkqS46nc4X8BIpNGBqFxO9JlqHCnaCzxKJxOm2trYMvESi0WgLh48yyDfqfoHNJPTT5Do8BzdEk3skEqknaQyumkymVnA3GqRp70qHE1M46ANPcJImjdiPOXQAvErje2BB1FAotNZsNr8nYTPJ+2iwjWaTZHS6XK6XoEJRC/iE+BbQz+F95BtTTnPhn3e73e3QB8TPE+shZxiuaBaL5RIOJ0ndJH0EPRLANyGYVzncDa9Fz3LQEXBZAuTuEoMnvgwGOGOAwdfBFVnRXsgPHjcEitTIrbq6+regKAXbBYu02Jb9GzU+n08nd5y8jQzeACoajptMsB7jIapgfxVMp9M7BUXxPRXM6wIrHMlzhdoG4l/EZpUO7BvwEdYbBBWNtcjkd0g6xcu+ywf1jgBnZHtAQ0i+AjlE8TniTR6PZw5bCYfDtdS14x+LxWIN+N7CF8g5AzdElTtJKt2H4L3oKzRDYgfaytc6hV0m+Ro/gcNMc40V34Knwf3UTMMNMRoIkwJe0gXwPvYSqIM5Co7xixiFF4RhNnDoIAN045xFd6BBfoE+/lo+KUVXocGyjzXZKezHPoguy098n2m6iKMO3Iptgss7SGDf5oMcWumbKWsgRaKyU3bZQfEJDqvHV4NKfhrfd/g4TzecTCYDXq9XGuOqSGUD/2IDfwGSVFWLO1g64gAAAABJRU5ErkJggg==') !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-case-sensitive {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAChElEQVRIDe2UTWsTURSG5w4TJ5EExF3BD7JwkS8CGoWKUgoBC7rQ1qjoRty4LVoQcaGgC3cibts/UKtUK9aKmmzchcqQSRYi+AM0VRohoU4SnzOkQyeNTc3GTcN555z7nq97z9yJpu38+kxA9fKXy+VCu90e6fjGksnkUsf+Z6V3Z1QqlSGKn4R/Dn4opXLogWVTg2azeYFqCj2FfkazCU60C3sg2dRAdgyW0+n0VyrOgT2ss+iBxNiYxU4PsOPj4LbwjUbjQzAYrLZaLRnTa+G6wUiz+LPrPLnfsYupVKqg8TOAJzjHZcF4ZkVnMpnfNH0hPPp6IpFYE34jiD3BCW+tc9iuadv2gmmaOd8tgvxIgEmhjBvFg8JjNFjUdf10PB7veQrCPCF+L4sr5DxGP/DeAUc9CDGM4ynak3q9/p7FCmOQMWFuLWxuBTxho/NEXvQaUHgCQuPI7njEFsiY0C/BWXa37dtEvRI5h7x3ADEOYXVuD6ZP5Ju4Sswo7BJwhZEexZgGceDVwnZAFSiXtCxrH4thjvWJpIfY3WIKgT+H9hqwnqHpbnAP28HnCmuD9U1ZKHlQdBL9CPSTKld3qDM2jbwWCff5K7mL9kmpVCrQZMQ9AZ5LdF3m7h7B7ikknCFhIRQKZQlYBCKKvLYYf4NO4n6cx4DMGdVbwuHwOzyrFJR3hbk90dnVeUKVYRi+6wnnk2g02oB4Bc4Vi8UAWmSV70M2KLaLfD5vMLpT1D0shLyMHLuyYrHYZyG2AnFzJF7mCx0l7i2YhrtBwWvYPoH/RmzEwJjHY4G+UqvV3kQikTsE/gIaH9SUbdt5CiVkLaCevPgvgUDgp+M4Mnqhd/AfJ/AHUpwR1oliPdUAAAAASUVORK5CYII=') !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-match-diacritics {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHLSURBVEhL7ZS9T8JAGMb7YWSAQRIYjTAwlIYwGAY3PwcTHTSgg7N/gi4sujm4uDj4FxiNGh1MVJJuRg2JA5COGhx0VCdNgPrc3SuxtFBuc+CXXN733rv26T13V2VAECpFD5VKZVJVVYvljuPcZTKZCT4gSVeBWq22jxevIb1Cy0MsYZpmnQ8S1Wp1h1IPmqaV0ul0yVfAsqyheDz+ivSy2WwWdV2vQ2wTq9gVMwQQcCj1gPnbmL9FXTewZ449jLjA+ljNLfr3fFASjaILLG8Z4TMSiZRYv9VqnSHkIDjK+jJ4BJg9WB7z/DyZTH5R+ZDiKsW+8QjEYrFpFiByLCqKAi9fEB4gWhCV/vGziNsTDodvRLfNKZq0TS4BbOYwvnKlwx4OTtIRpVI2uQRgyxRC9K89vxiG8YxQlrXJdQ9wFA8Q1vGSPYi4VkDMoI1jbIz2JZC2ALMHD74hjYpKdzBvo/PSBQKBeXa50Bap5AvmlWUuXXsPcJkKsOYjFApdU8kX2p+cbdsJUekNF6DTs4T0IpVKfbNaN/Bv4qep0WjkeSEALoCXzyKM0Nf1JJvNPmHeY7+niQvgq97xUNHncvmCf1UR4UT0BvxvFOUHwha5sHV90Z0AAAAASUVORK5CYII=') !important;
}
.browserContainer > findbar > .findbar-container > :is(checkbox,toolbarbutton).findbar-entire-word {
    list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD0SURBVEhL7ZUxCsJAEEV3g7WWViKC2CQH8A5ews5OUPAWCtoKIt7BS9gnaQKC2FiqtSS+bMYQLRIIWATyIMyf7M7+kGK/qjxaqoqiSLuuO7Isa4huaK3Ptm1vZTkXz/MmzPSYeVFPzB3RUbyWGrBpw+JU2hjfcRxbdC58WEDpJ51hzexMdAKbHpjspC0N5+w55y6tsqTGNMMwvIouDX/hwtOS9svgL9QGhdQGhdQGhdQGhWQNnoRNR3RpCJouJb2u08DhHl9R5klnCAiNgehcfgMHkyWptjDavAHucBOZLH5S7IbBQXQuBMyY+ba0fjYyq45Sb6t4WjLBI+IKAAAAAElFTkSuQmCC') !important;
}
/* Текстовая строка совпадений */
.findbar-container label.findbar-find-fast.found-matches {
    color: #ffffff !important;
}
}


Vitaliy V. обновил свой код. Этот я тоже обновил, разница между этим и тем кодом, только в иконках, подсветке, увеличении и выравнивании кнопок, и фоне/акцентировании поля ввода. В общем - незначительные правки под темную тему.

Отредактировано _zt (02-06-2021 16:02:54)

Отсутствует

 

№1032702-06-2021 00:14:23

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

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

_zt пишет

Стиль работает. Возможно вы моей модификацией стиля пользовались, тот который с иконками? Я его где то тут выкладывал. Тогда да, иконки слетели.

Нет, использовал именно стиль от Vitaliy V., после обновления [firefox] он перестал быть компактным скрин

_zt пишет

Для светлой... ну неинтересна мне светлая, поправьте цвета сами. И иконки придется переделать.

С твоим вроде всё устраивает, кроме нажатых кнопок, получаются какие-то голубые квадратики скрин

Отсутствует

 

№1032802-06-2021 00:26:55

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

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

voqabuhe
Упс. Папка svg должна быть рядом. Я забыл про фон. svg.7z Сейчас попробую исправить, что бы без папки было.

Отсутствует

 

№1032902-06-2021 00:34:16

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

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

_zt
Положил папку svg рядом, ничего не изменилось.

Отсутствует

 

№1033002-06-2021 01:25:48

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

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

voqabuhe
Это я сам запутался, svg не нужны и код с ними тоже, это от старой версии стиля. Переделал оба спойлера выше. Пробуйте.
   
ps^ Еще раз перезалил, исправил кнопки параметров поиска, там было два слоя для активированных и два слоя при наведении на активированные. Теперь должно быть все нормально. Хотя у меня на чистом профиле и до этого все нормально было, так что если опять что то не так, то значит другие стили мешают, но это можно обойти удалив заливку и оставив окантовку этих кнопок при активации.

Отредактировано _zt (02-06-2021 02:15:34)

Отсутствует

 

№1033102-06-2021 02:47:21

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

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

_zt
Всё равно не так, как должно быть скрин

Отсутствует

 

№1033202-06-2021 04:21:33

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

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

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

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

Выделить код

Код:

.browserContainer > findbar > .findbar-container > checkbox > image.checkbox-check {
    -moz-appearance: none !important;
    appearance: none !important;
    position: center !important;
    background-image: none !important;
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    height: 20px !important;
    width: 20px !important;
}

Первую строку поиском найдите и замените секцию.

Отсутствует

 

№1033302-06-2021 07:01:42

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

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

_zt пишет

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

Это от CB, есть у меня сборная кнопка, что здесь Dumby для Findbar выкладывал

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

Выделить код

Код:

(noop => addEventListener("TabSelect", {
    async handleEvent(e) {
        var findbar = e.target._findBar;
        var open = findbar && !findbar.hidden;
        var prev = e.detail.previousTab._findBar;

        if (prev && !prev.hidden) {
            if (!open) {
                if (!findbar) findbar = await gFindBarPromise;
                Object.defineProperty(findbar, "removeAttribute", this);
                findbar.setAttribute("noanim", true);
                findbar.open();
                setTimeout(this.removeAttr, 50, findbar);

                var inp = findbar._findField;
                inp.value && findbar._enableFindButtons(true);
            }
            /*
            var inp = findbar._findField;
            var text = prev._findField.value;
            if (inp.value != text) inp.value = text;
            inp.dispatchEvent(this.e);
            */
        }
        else if (open) findbar.close(true);
    },
    configurable: true,
    get() {
        delete this.removeAttribute;
        return noop;
    },
    removeAttr(findbar) {
        findbar.removeAttribute("noanim");
    },
    get e() {
        delete this.e;
        return this.e = new Event("input");
    }
}, false, gBrowser.tabContainer || 1))(() => {});

// ctrl+f откр+закрыт
//  addEventListener('keydown', e=> {if (e.ctrlKey && !e.altKey && !e.shiftKey && (e.keyCode == 70) && !gFindBar.hidden) {e.preventDefault(); gFindBar.close();}}); 

// Поиск прокруткой колесом, ЛКМ - вставить из буфера, ПКМ - очистить поиск
(obj => {
    for(var findbar of gBrowser.tabpanels.getElementsByTagName("findbar"))
        obj.initFindBar(findbar);
    addEventListener("TabFindInitialized",
        e => obj.initFindBar(e.target._findBar)
    , false, gBrowser.tabContainer || 1);
    addDestructor(() => Array.from(
        document.getElementsByClassName("clearFindbar-button")
    ).forEach(obj.destroyFindBar, obj));
})({
    initFindBar(findbar) {
        var btn = document.importNode(this.btn);
        btn.style; // ???
        btn.onclick = this.click;
        (btn.findbar = findbar).getElement("highlight").before(btn);
        findbar.onwheel = this.wheel;
        findbar.getElement("find-closebutton")
            .setAttribute("style", "-moz-box-ordinal-group: 0 !important;");
    },
    destroyFindBar(btn) {
        btn.findbar.getElement("find-closebutton").removeAttribute("style");
        btn.findbar = btn.findbar.onwheel = null;
        btn.remove();
    },
    click(e) {
        if (e.button == 1) return;
        this.findbar._findField.value = e.button ? "" : gClipboard.read().trim();
        this.findbar.onFindAgainCommand();
    },
    wheel(e) {
        this.onFindAgainCommand(e.deltaY < 0);
    },
    get btn() {
        delete this.btn;
        var btn = MozXULElement.parseXULToFragment(`<toolbarbutton
            type="button"
            style="margin: 0 6px !important;"
            class="toolbarbutton-1 clearFindbar-button"
            tooltiptext="ЛКМ - вставить из буфера.&#xA;ПКМ - очистить поиск."
            image="data:image/x-icon;base64,AAABAAEADhAAAAEAIADoAwAAFgAAACgAAAAOAAAAIAAAAAEAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB5eXn/eXl5/3l5ef95eXn/eXl5/3l5ef95eXn/eXl5/ylTda0pU3X/KVN1/ylTdf8pU3X/HTpS/4WFhf/w8PL/8fHz//Hx8//x8fP/8fHz//Hx8/+FhYX/KVN1/yRJaP8jSGf/I0dl/yNHZP8YMEX/j4+P//Hx8//x8vP/8fLz//Hy8//x8vP/8fLz/4+Pj/8pU3X/JUxr/yVLav8kSmn/JElo/xkyR/+cnJz/8vLz//Ly9P/y8vT/8vL0//Ly9P/y8vT/nJyc/ylTdf8nTm3/Jk1t/yVMa/8lSmn/GjNJ/6urq//y8vT/8/P1//Pz9f/z8/X/8/P1//Pz9f+rq6v/KVN1/ydPb/8nTm7/Jk1t/yZMa/8aNEr/srKy//X19v/19vf/9fb3//X29//19vf/9fb3/7Kysv8pU3X/J1Bx/ydQb/8nTm//Jk1t/xs2S/+8vLz/+fr6//r7+//6+/v/ubm5/7e3t/+3t7f/ubm5/ylTdf8oUXP/KFBx/ydQcf8nT2//GzZN/76+vv/6+/v/+/v8//v7/P/ExMT/9vb2/7e3t/na2tpfKVN1/ylTdP8pUXP/KFBy/yhPcP8bN03/v7+///v7/P/7/Pz/+/z8/8rKyv+3t7f/4OLgaQAAAAApU3X/KVN1/yhSdP8oUnT/KFJy/xw4UP+/v7//v7+//7+/v/+/v7//uru7/2OBmf8AAAAAAAAAAClTdf8pU3X/KVN1/ylSdP8pUnT/JEpn/yRIZv8kSGX/I0dk/yNGY/8jRWL/KVN1/wAAAAAAAAAAKVN1/ylTdf8lS2n/IztO/yM7Tv8jO07/IztO/yM7Tv8jO07/JUtp/ydOb/8lS2n/AAAAAAAAAAApU3X/K2GQ/yhahv91dXX/XV1d/11dXf9dXV3/XV1d/4B/f/8oWob/Kmad/ylTdf8AAAAAAAAAAClTda0pU3X/KVN1/7O0tP/h4eD/3t7f/97f3//g4OD/s7S0/ylTdf8pU3X/KVN1rQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG1yds1dXFv1XVxb9Wxxdc8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJUwFASZMCwAlTAsAI00LIys1CxcXFsEYFxbCJS01DAAlTQsAJk0LASZNCwAlTQUAAAAAAAAAAPwArEEAAKxBAACsQQAArEEAAKxBAACsQQAArEEAAKxBAASsQQAMrEEADKxBAAysQQAMrEEADKxB8PysQQAMrEE="
        />`).firstChild;
        btn.remove();
        return this.btn = btn;
    }
});


/* Открытие FindBar двойным СКМ  https://forum.mozilla-russia.org/viewtopic.php?pid=777274#p777274 */
addEventListener("click", async e => {
    if (e.button != 1 || e.detail != 2) return;

    var findbar = gFindBar;
    if (findbar) {
        if (!findbar.hidden) return findbar.close();
    } else {
        findbar = await gFindBarPromise;
        await new Promise(resolve => setTimeout(resolve, 0));
    }
    findbar.onFindCommand();

}, false, gBrowser.tabpanels || 1);


https://forum.mozilla-russia.org/viewtopic.php?pid=777227#p777227
https://forum.mozilla-russia.org/viewtopic.php?pid=777255#p777255
https://forum.mozilla-russia.org/viewtopic.php?pid=777302#p777302

У вас стили иконизации меню есть?

Есть, но я проверял, вообще все стили отключал, они не влияют.

_zt пишет

Попробуйте так:

Вообще ничего не поменялось, таже галка, что и на предыдущем скрине.

Отсутствует

 

№1033402-06-2021 09:19:11

serega-stavr
Участник
 
Группа: Members
Зарегистрирован: 04-12-2019
Сообщений: 9
UA: Firefox 89.0

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

v4386 пишет

Aris-t2 уже "запилил" два кода, исправляющие некоторые шероховатости нового интерфейса FF89:
Первый уменьшает высоту вкладок и делает их (при добавлении) в несколько рядов.

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

Отредактировано serega-stavr (02-06-2021 13:04:37)

Отсутствует

 

№1033502-06-2021 10:24:01

Jo
Участник
 
Группа: Members
Зарегистрирован: 26-09-2010
Сообщений: 28
UA: Firefox 89.0

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

Как вернуть старую адресную строку? Отвалился стиль в 89 [firefox]

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

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0px !important;
padding-inline: 0px !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}

Отредактировано Jo (02-06-2021 10:25:51)

Отсутствует

 

№1033602-06-2021 10:33:20

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

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

voqabuhe
Стили и в кнопках могут быть и в скриптах. Я же проверял на чистом профиле, вам бы тоже это сделать не помешало, что бы исключить влияние ОС или ее темы на вид кнопок. Сделайте еще одну вещь, положите код в отдельный файл и добавьте это файл импортом первой строкой в userChrome.css. Например,

Выделить код

Код:

@import "./userChrome_floating_findbar_on_top.css";

Отсутствует

 

№1033702-06-2021 11:03:20

vitalii201
Участник
 
Группа: Members
Зарегистрирован: 24-03-2011
Сообщений: 676
UA: Firefox 89.0

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

Как сейчас(в [firefox] 89.0) изменить цвет папок закладок?

Было:

Выделить код

Код:

/*Цвет папок*/ 
treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
    fill: #0078ad !important;
    fill-opacity: 1 !important;
}

Отсутствует

 

№1033802-06-2021 11:10:37

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

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

_zt пишет

Стили и в кнопках могут быть и в скриптах. Я же проверял на чистом профиле, вам бы тоже это сделать не помешало, что бы исключить влияние ОС или ее темы на вид кнопок.

Да я когда проверял, всё лишнее из папки chrome удалял.  Кроме того в [firefox] 88.0.1 всё работало, ничего не мешало. Вы кстати на какой версии проверяли?

_zt пишет

Сделайте еще одну вещь, положите код в отдельный файл и добавьте это файл импортом первой строкой в userChrome.css. Например,

Именно так он у меня и подключен.

Добавлено 02-06-2021 11:25:18
_zt, а нет, виноват, что-то в самом userChrome.css так срабатывает. Оставил там только строку подключения стиля для findbar, галка перестала появляется, но тогда не видно нажатие кнопок, они вообще не меняются. У вас как нажатие отмечается.

Отредактировано voqabuhe (02-06-2021 11:25:18)

Отсутствует

 

№1033902-06-2021 13:12:09

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

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

voqabuhe
7c712c44fd4b04929f61c5177012734e.gif
Смотря каких, параметры так, а стрелки только при непустом запросе и если есть соответствия на странице (это стандартное поведение).
Проверял на чистом профиле [firefox]89. Так что тут варианта два, или ОС (если у вас не 7) или другие скрипты-стили, CB то вы вряд ли отключали.

Отсутствует

 

№1034002-06-2021 13:16:28

serega-stavr
Участник
 
Группа: Members
Зарегистрирован: 04-12-2019
Сообщений: 9
UA: Firefox 89.0

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

при включении MULTIROW от Aris-t2 (for Firefox v3.2.1 (preview) вкладки по высоте перекрываются наполовину. как можно пофиксить?

скрин

eef06ea7d276dd2c8a7deef9f663cf37.jpeg

Отсутствует

 

№1034102-06-2021 13:58:11

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

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

v4386
Не заметил ваш вопрос.

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

Выделить код

Код:

.tabbrowser-tab[visuallyselected="true"]:-moz-lwtheme-brighttext .tab-label {
    color: red !important;
}


serega-stavr
Хотя бы пару страниц темы читайте. Прямо на этой странице лежит https://github.com/Aris-t2/CustomCSSfor … ter/proton

Отредактировано _zt (02-06-2021 14:01:58)

Отсутствует

 

№1034202-06-2021 14:37:40

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 288
UA: Firefox 89.0

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

Как поменять фон меню во всем Firefox ? Обновился до 89 (Proton) и как минимум испортился — #personal-bookmarks.


Выделить код

Код:

#toolbar-menubar  /* "Панель меню" */,
#PersonalToolbar /* "Панель закладок" */,  .panel-arrowcontent, .menu-iconic-left, .popup-internal-box,
#navigator-toolbox, 
#nav-bar, /* "Панель навигации" */
#titlebar, 
#TabsToolbar, /* "Вкладки браузера" */
#personal-bookmarks /* "Элементы панели закладок" */
{background: #d4d0c8 !important; box-shadow: none !important; background-clip: padding-box !important; border-color: #d4d0c8 !important; border-radius: 0 !important;  background-image: none !important;}

Отсутствует

 

№1034302-06-2021 15:09:10

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

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

_zt пишет

Смотря каких, параметры так, а стрелки только при непустом запросе и если есть соответствия на странице (это стандартное поведение).

Так нажатые от ненажатых чем отличаются (кроме стрелок), на скрине не фига непонятно?

_zt пишет

Проверял на чистом профиле [firefox]89. Так что тут варианта два, или ОС (если у вас не 7) или другие скрипты-стили, CB то вы вряд ли отключали.

ОС у меня 8.1. Другие скрипты-стили, как сказал ранее, все удалял, а CB убирал с панели, так что она не могла влиять.

Отсутствует

 

№1034402-06-2021 15:36:49

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

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

voqabuhe пишет

Vitaliy V., поправьте плиз стиль для findbar №8655, а то в [firefox] 89.0 поломали.

Присоединяюсь к просьбе!


Win7

Отсутствует

 

№1034502-06-2021 16:04:06

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

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

voqabuhe
Это не скрин, а gif.
В CB убранных с панели разве инициализация не работает? Вроде только код не работает. Я конечно могу ошибаться, давно этим не пользуюсь.
   
Vitaliy V. обновил свой код, я свой тоже, хотя теперь отличий в них немного.
   
Добавлено 02-06-2021 16:07:08

leshiy_odessa пишет

Как поменять фон меню во всем Firefox ?

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

Выделить код

Код:

/* Это почти для всех контекстных меню (можно изменить все сразу) */
menupopup {
  padding-bottom: 3px !important;
  background-color: rgba(27,33,40,0.85) !important;
  color: silver !important;
}
/* Выравнивание элементов меню */
.menu-text, .menu-iconic-text {
    margin-inline-start: 0px !important;
    padding-inline-end: 0px !important;
}
.menu-accel, .menu-iconic-accel, .menu-text, .menu-iconic-text {
    margin: 1px !important;
    padding: 0 5px 0 0 !important;
}

/* Цвет и отступы сепараторов */
menupopup > menuseparator {
  fill: #555555 !important;
  margin: 0 5px 0 5px !important;
}

Отредактировано _zt (02-06-2021 16:07:35)

Отсутствует

 

№1034602-06-2021 16:15:13

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

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

voqabuhe
kokoss
обновил, добавил ещё иконки без фона если включена настройка svg.context-properties.content.enabled
т.е. цвет иконок зависит от цвета текста

Отсутствует

 

№1034702-06-2021 16:40:48

leshiy_odessa
Участник
 
Группа: Members
Зарегистрирован: 13-02-2009
Сообщений: 288
UA: Firefox 89.0

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

* Это почти для всех контекстных меню (можно изменить все сразу) */
menupopup

Это не работает.

Отсутствует

 

№1034802-06-2021 16:42:29

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

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

Vitaliy V.
Благодарю..., сделал как было: f00bcb636c7f.png

Отредактировано kokoss (02-06-2021 17:23:25)


Win7

Отсутствует

 

№1034902-06-2021 17:00:24

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

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

Вроде частично назад вернул настройкой:

browser.proton.enabled = false

Но вот в адресной строке и строке поиска (они у меня раздельные) подскажите, плиз, как в 89-м фоновый цвет обратно сделать белым?

Отредактировано Retif (02-06-2021 17:17:10)

Отсутствует

 

№1035002-06-2021 17:22:55

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

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

kokoss пишет

сделал как было:

Исправил выделение рамки текстового поля при фокусе.


Может перенести кнопки вверх вниз, влево когда панель справа, или не надо?

Отсутствует

 

Board footer

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