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

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№542602-01-2019 18:31:49

ser8nik
Участник
 
Группа: Members
Зарегистрирован: 15-02-2011
Сообщений: 134
UA: Firefox 64.0

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

Подскажите, как уменьшить размер строчки в раскрывающихся списках?

картинка
deaf05789f64.png

update: Как применить стиль в Stlish или Stylus к браузеру? То есть, что бы можно было обойтись без файла userChrome.css. Раньше можно было, а теперь так не работает :(

Отредактировано ser8nik (02-01-2019 18:39:56)

Отсутствует

 

№542702-01-2019 18:41:16

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 63.0

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

Vitaliy V. пишет

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

Иконки на вкладках есть, а в адресной нет.

Vitaliy V. пишет

с http://riperam.org/ возможно блокировка РОСКОМНАДЗОР попробуйте перейти по адресу фавиконки http://riperam.org/favicon.ico

С этим тоже все нормально-показывает иконку. Ну да ладно и так пойдет. С Новым Годом Вас, Виталий.! Огромное спасибо за помощь.
:):beer:

Отсутствует

 

№542802-01-2019 19:08:41

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 476
UA: Firefox 64.0

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

rubel не знаю как со стилем, а вот с CB от bunda1  вроде везде работает

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

Выделить код

Код:

// Вернуть иконки сайтов в адресной строке от 04.02.2016. ...............
addEventListener("TabAttrModified", (e, tab = e.target)=> {
   if ( tab.selected )   
        favIcon.src = tab.image || "chrome://global/skin/icons/Portrait.png";
}, true, gBrowser.tabContainer);
var favIcon = document.getElementById("page-proxy-favicon") || document.getElementById("identity-icon");
addDestructor(()=> favIcon.removeAttribute("src") );

Отсутствует

 

№542902-01-2019 19:40:57

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 63.0

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

Andrey_Krropotkin пишет

rubel не знаю как со стилем, а вот с CB от bunda1  вроде везде работает

Да, точно работает везде! У меня она  стоит в Firefox  55 и там её код во вкладке КОД . Я её и сюда пытался перетащить, но не работала. Сейчас взял ваш код и в инициализацию кнопки Proxy добавил и все отлично. Спасибо за наводку.:)

Отсутствует

 

№543002-01-2019 19:52:37

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

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

Andrey_Krropotkin пишет

вроде везде работает

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

rubel
интересно посмотреть что у вас показывает в Browser Toolbox на этих сайтах здесь, если умеете им пользоваться

скрытый текст
BEZ-IMENI.png

Отредактировано Vitaliy V. (02-01-2019 19:54:27)

Отсутствует

 

№543102-01-2019 20:31:52

Andrey_Krropotkin
Участник
 
Группа: Members
Зарегистрирован: 11-11-2011
Сообщений: 476
UA: Firefox 64.0

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

Vitaliy V.

Vitaliy V. пишет

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

У себя вроде не наблюдаю, может просто не  замечал. Вот пример руборд

скрытый текст
https://yadi.sk/i/qYGJKjF2fGN4pg

Отсутствует

 

№543202-01-2019 21:40:51

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

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

Andrey_Krropotkin пишет

может просто не  замечал

ага,
и это, в новых [firefox] нет такой иконки chrome://global/skin/icons/Portrait.png
есть несколько других...
насчет визуально не красиво попробуйте например открыть в той же вкладке другой сайт

Andrey_Krropotkin пишет

Вот пример руборд

меня интересует как там с моим стилем
впрочем неважно у меня работает и ладно...

Отредактировано Vitaliy V. (02-01-2019 22:02:24)

Отсутствует

 

№543302-01-2019 22:33:26

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

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

Vitaliy V. пишет: изменил на #browser-border-start, ну или можете на другой элемент повесить главное чтобы на нём др. биндингов не было особенно собственных [firefox]

Благодарю, теперь всё в норме. :beer:

Vitaliy V. пишет: впрочем неважно у меня работает и ладно...

Иконки на данных сайтах у меня присутствуют, вот только при обновлении страницы они на мгновенье пропадают (на всех сайтах так), или при переходе по ссылкам. Но иконка и на вкладке пропадает, значит дело в этом, если иконка берётся со вкладки. Посмотрел в 45 ESR, там Classic Theme Restorer делает то же самое, но иконка не пропадает при обновлении страницы или переходе по ссылкам. Значит в Classic Theme Restorer иконка берётся не с вкладки.

Скрины
a144d932d9de.png405e3cedc167.png

Отсутствует

 

№543402-01-2019 23:26:44

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

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

sandro79 пишет

но иконка не пропадает при обновлении страницы или переходе по ссылкам.

потому и там присутствует эффект если загружается другой сайт адрес в адресной строке сменился а иконка от другого сайта но кажется на старых [firefox] это менее заметно

sandro79 пишет

иконка берётся не с вкладки

gBrowser.selectedTab.image но не важно откуда она берётся на вкладке она бывает просто скрыта и показана анимация загрузки
см. функцию function faviconInUrlbar(){ https://github.com/Aris-t2/ClassicTheme … y.js#L3659
а выше есть такой костыль setInterval(function() { faviconInUrlbar(); }, 1000); т.е. каждые 1000 ms вызывает функцию причём всегда,
+ ещё слушатель mainWindow.gBrowser.tabContainer.addEventListener("TabAttrModified", faviconInUrlbar, false);

Отредактировано Vitaliy V. (02-01-2019 23:45:58)

Отсутствует

 

№543503-01-2019 00:01:22

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

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

Vitaliy V. В принципе понятно, что дело и в новой архитектуре [firefox] тоже. После просмотра бесконечного overlay.js, становится понятно что не так это просто реализовать с малыми издержками. Дюже много кода для такой мелочи требуется. Лучше уж css+binding наверное. Спасибо!

Отсутствует

 

№543603-01-2019 09:33:18

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 63.0

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

Vitaliy V. пишет

rubel
интересно посмотреть что у вас показывает в Browser Toolbox на этих сайтах здесь, если умеете им пользоваться

К сожалению, пока еще не научился.
Вот еще вопрос. Как уменьшить расстояния между кнопками на панели в 63?
Вот на 55

скрытый текст
c2071674f0b2ca1d416a52565d87adb4.jpg

А вот так на 63
скрытый текст
9cc6f56c7b5f4c43db7e69514c3f57ba.jpg

Отсутствует

 

№543703-01-2019 14:15:55

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

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

rubel пишет

К сожалению, пока еще не научился.

запустить то его не сложно https://developer.mozilla.org/en-US/doc … er_Toolbox
может пригодится.

rubel пишет

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

как то так

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

Выделить код

Код:

:root {
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 6px !important;
}
/* компактный режим */
:root[uidensity="compact"] {
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 5px !important;
}
/* мобильный режим */
:root[uidensity="touch"] {
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 9px !important;
}

#urlbar, #searchbar .searchbar-textbox {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

:root:not([uidensity="compact"]) #back-button {
    padding-top: var(--toolbarbutton-outer-padding) !important;
    padding-bottom: var(--toolbarbutton-outer-padding) !important;
    padding-inline-start: var(--toolbarbutton-outer-padding) !important;
    padding-inline-end: 0 !important;
}

:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon {
    width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
    padding: var(--toolbarbutton-inner-padding) !important;
}


или тот стиль, вкладки, кнопки, и их радиус https://forum.mozilla-russia.org/viewto … 74#p763074

Отсутствует

 

№543803-01-2019 17:56:08

rubel
Участник
 
Группа: Members
Откуда: г.Самара
Зарегистрирован: 10-05-2005
Сообщений: 559
UA: Firefox 63.0

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

Vitaliy V.
Воспользовался первым вариантом, вполне устраивает. Спасибо.

Отсутствует

 

№543904-01-2019 11:09:35

nbuh
Участник
 
Группа: Members
Зарегистрирован: 16-01-2013
Сообщений: 43
UA: Firefox 64.0

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

Установлен Ф56.02. Подскажите стиль, чтобы вкладки были прямоугольные. Если это важно, для нового стиля, то вкладки, я опустил вниз, тоже стилем.

Отсутствует

 

№544004-01-2019 15:04:55

okkamas_knife
We are the Borg.       Resistance is futile.
 
Группа: Members
Зарегистрирован: 21-10-2009
Сообщений: 9558
UA: Seamonkey 2.14

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

nbuh пишет: Подскажите стиль, чтобы вкладки были прямоугольные. Если это важно, для нового стиля, то вкладки, я опустил вниз, тоже стилем.

ищи в своём стиле упоминание tab в селекторе и radius в том правиле (то что внутри фигурных скобок)
если есть то выставь в 0 или 1
собственно это и есть скругление


я помню те времена когда обновления программ убирали проблемы и исправляли баги, а не добавляли их.
toxID:05AB9B827D896AACEE7FF4573A02FB8F025F46ADC856B98F65BC1BA9BD21A81DC98BA9C36CE3

Отсутствует

 

№544104-01-2019 15:22:04

nbuh
Участник
 
Группа: Members
Зарегистрирован: 16-01-2013
Сообщений: 43
UA: Firefox 64.0

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

okkamas_knife,

ищи в своём стиле упоминание tab в селекторе и radius в том правиле

Я в этом ничего не понимаю.
Стиль такой

скрытый текст
@-moz-document url(chrome://browser/content/browser.xul) {
/*Изменить расположение панелей*/
#navigator-toolbox > #toolbar-menubar {
    -moz-box-ordinal-group: 1 !important;
}

#navigator-toolbox > #nav-bar {
    -moz-box-ordinal-group: 2 !important;
}

#navigator-toolbox > #PersonalToolbar {
    -moz-box-ordinal-group: 3 !important;
}

#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#PersonalToolbar) {
    -moz-box-ordinal-group: 10 !important;
}

#navigator-toolbox > #TabsToolbar {
    -moz-box-ordinal-group: 100 !important;
}

#titlebar-placeholder-on-TabsToolbar-for-captions-buttons {
    display: none !important;
}
/*--------------------------------*/
}


Поправьте, пожалуйста, если можно!

Отсутствует

 

№544205-01-2019 22:36:17

nbuh
Участник
 
Группа: Members
Зарегистрирован: 16-01-2013
Сообщений: 43
UA: Firefox 64.0

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

Можно ли сделать панель внизу браузера, чтоб туда переместить кнопки для Custom Buttons?

Отсутствует

 

№544305-01-2019 23:37:31

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

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

nbuh
для [firefox] 56?
user_chrome_files.zip https://github.com/VitaliyVstyle/Vitali … rome_files
или старые расширения ищите

Отредактировано Vitaliy V. (24-12-2020 01:19:37)

Отсутствует

 

№544406-01-2019 15:14:28

nbuh
Участник
 
Группа: Members
Зарегистрирован: 16-01-2013
Сообщений: 43
UA: Firefox 56.0

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

Vitaliy V., Спасибо!
Использовал файл vertical_top_bottom_bar. Сработало. Второй способ с файлом user_chrome_files не пробовал, более сложный для меня.

Отсутствует

 

№544506-01-2019 17:12:46

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

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

Vitaliy V.
Подскажите пожалуйста, что нужно изменить или добавить в этом коде:

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

Выделить код

Код:

toolbar .toolbarbutton-1 > .toolbarbutton-icon,
toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
    padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important;
}

toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
    width: 20px !important;
    height: 20px !important;
}


а то в [firefox] esr 60 значок "загрузки" на панели навигации отображается не корректно(не увеличивается).

Отредактировано kokoss (06-01-2019 17:13:23)


Win7

Отсутствует

 

№544606-01-2019 21:08:36

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

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

kokoss
эта кнопка навороченная, другой такой же нет, проще будет с transform увеличить

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

Выделить код

Код:

toolbar #downloads-button > .toolbarbutton-badge-stack {
    transform: scale(1.2, 1.2) !important;
}

toolbar #downloads-button {
    padding-left: calc(var(--toolbarbutton-outer-padding) + 2px) !important;
    padding-right: calc(var(--toolbarbutton-outer-padding) + 2px) !important;
}

Отредактировано Vitaliy V. (06-01-2019 21:08:58)

Отсутствует

 

№544706-01-2019 22:11:47

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

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

Vitaliy V.
Благодарю! Теперь всё ОК. И с Новым Годом и Рождеством!!!

Отредактировано kokoss (06-01-2019 23:16:33)


Win7

Отсутствует

 

№544808-01-2019 09:51:36

Neytrino
Участник
 
Группа: Extensions
Зарегистрирован: 05-02-2006
Сообщений: 161
UA: Firefox 56.0

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

Всем доброго времени суток. Нашёл вот такую штуку:

Выделить код

Код:

#stop-reload-button {
    transform: translate(0.4em); /* Сдвигаем вправо кнопку "Обновить" */
}
#urlbar-container {
    margin-left: -2.9em; /* Расширяем адресную строку влево (под кнопку "Обновить") */
}
#identity-box {
    margin-left: 2.3em; /* Сдвигаем элементы адресной строки вправо (освобождая место для кнопки "Обновить") */
}

bf14e8e8274aebf8f5a4c67c8d6871d0.jpeg
(в оригинале циферки были другие - подкрутил чтобы нравилось) - работает. Есть желание сделать тоже самое с поисковой строкой. Убрал из неё лупу и кнопку Go:

Выделить код

Код:

.searchbar-search-button /* "Лупа" */,
    .search-go-button /* "Вперёд" */ {
    display: none !important;
}

Могу сдвинуть левую границу в нужную сторону:

Выделить код

Код:

#searchbar {
    margin-left: -2.9em;
}

Могу сдвинуть нужную кнопку:

Выделить код

Код:

#_6905b838-e843-4ee3-9df0-b4c79673b21c_-browser-action {
    transform: translate(0.4em);
}

А вот как отодвинуть содержимое поискового поля вправо..? Должно быть как-то так, но не работает:

Выделить код

Код:

.searchbar-textbox {
    margin-left: 3.0em !important;
}

© уважением Neytrino.

Отсутствует

 

№544908-01-2019 16:01:46

j23
Участник
 
Группа: Members
Зарегистрирован: 05-11-2015
Сообщений: 165
UA: Firefox 66.0

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

Подскажите, пожалуйста, код для фона пустых вкладок в Приватном режиме. Чтобы полностью убрать фиолетовый экран "приветствия" при открытии новой вкладки (и нового приватного окна), и сделать фон белым, как в обычном режиме.

Отсутствует

 

№545008-01-2019 22:47:04

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

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

Neytrino пишет

Нашёл вот такую штуку:

а зачем такое нужно, место всё равно столько же занимает, но дело ваше.
Вот так лучше сделать, сработает только когда кнопка обновить слева и рядом с адресной строкой

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

Выделить код

Код:

#nav-bar #stop-reload-button {
    position: relative !important;
}
#nav-bar #stop-reload-button + #urlbar-container {
    margin-inline-start: calc(-2 * var(--toolbarbutton-inner-padding) - var(--toolbarbutton-outer-padding) - 16px) !important;
}
#nav-bar #stop-reload-button + #urlbar-container #identity-box {
    padding-inline-start: calc(2 * var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding) + 16px) !important;
}
#nav-bar #stop-reload-button + #urlbar-container #urlbar {
    -moz-appearance: none !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
}

Neytrino пишет

Есть желание сделать тоже самое с поисковой строкой

#find-button заменить на селектор вашей кнопки

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

Выделить код

Код:

toolbar #find-button {
    position: relative !important;
}
toolbar #find-button + #search-container {
    margin-inline-start: calc(-2 * var(--toolbarbutton-inner-padding) - var(--toolbarbutton-outer-padding) - 16px) !important;
}
toolbar #find-button + #search-container .searchbar-textbox > box:first-child {
    padding-inline-start: calc(2 * var(--toolbarbutton-inner-padding) + var(--toolbarbutton-outer-padding) + 16px) !important;
}
toolbar #find-button + #search-container .searchbar-textbox {
    -moz-appearance: none !important;
    margin-inline-start: 0 !important;
    padding-inline-start: 0 !important;
}
toolbar #find-button + #search-container .searchbar-textbox :-moz-any(.searchbar-search-button,.search-go-button) {
    display: none !important;
}

j23 пишет

Подскажите, пожалуйста, код для фона пустых вкладок в Приватном режиме

userContent.css

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

Выделить код

Код:

@-moz-document url("about:privatebrowsing") {
    html {
        --in-content-page-color: black !important;
        --in-content-text-color: black !important;
        --in-content-page-background: white !important;
    }
    a.button {
        background-color: #8000d7 !important;
        color: white !important;
    }
}


userChrome.css
скрытый текст

Выделить код

Код:

:root[privatebrowsingmode="temporary"] #tabbrowser-tabpanels {
    background-color: white !important;
}

Отредактировано Vitaliy V. (08-01-2019 22:49:51)

Отсутствует

 

Board footer

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