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

Пользователи не любят читать документацию. Станьте оригинальным, будьте не как все. Ознакомьтесь с нашей базой знаний.

№940127-11-2020 18:19:44

alla51
Участник
 
Группа: Members
Зарегистрирован: 17-11-2015
Сообщений: 44
UA: Firefox 78.0

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

Подскажите, пожалуйста, как уменьшить высоту всех 4-х панелей? Очень много места занимают.

скрытый текст
7e21a7df1f46t.jpg

Отсутствует

 

№940227-11-2020 22:07:13

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1578
UA: Firefox 68.0

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

Vitaliy V. пишет

сами же ответили на свой вопрос?

Блин разобрался, в старой версии 68 я использовал разные текстовые файлы не только userChrome.css
Но и например youtube.css со стилем для ютуба и тд
Сейчас перекинул все в userChrome.css и заработало
В 78 можно только один файл использовать получается userChrome.css?

Отсутствует

 

№940328-11-2020 11:51:48

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

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

alla51 пишет

Подскажите, пожалуйста, как уменьшить высоту всех 4-х панелей? Очень много места занимают.

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


если этого всего недостаточно можно стиль применить

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

Выделить код

Код:

*|*:root {
    --v-tabs-min-height: 33px;
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 6px !important;
}

*|*:root[uidensity="compact"] {
    --v-tabs-min-height: 26px;
    --toolbarbutton-outer-padding: 1px !important;
    --toolbarbutton-inner-padding: 4px !important;
}

*|*:root[uidensity="touch"] {
    --v-tabs-min-height: 41px;
    --toolbarbutton-outer-padding: 2px !important;
    --toolbarbutton-inner-padding: 9px !important;
}

#titlebar,
#tabbrowser-tabs {
    --tab-min-height: var(--v-tabs-min-height) !important;
}

#urlbar-container, #search-container {
    padding-block: 1px !important;
}

*|*:root toolbarbutton *|*.toolbarbutton-badge {
    margin-inline-end: calc(-1 * (var(--toolbarbutton-outer-padding) + var(--toolbarbutton-inner-padding))) !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;
}


высоту панели меню настраивать в стиле Вкладки ниже
там есть комментарии


Stkvsky пишет

Но и например youtube.css со стилем для ютуба и тд
Сейчас перекинул все в userChrome.css и заработало

да ладно, это невозможно для контента нужен userContent.css, или расширения...

Отредактировано Vitaliy V. (28-11-2020 11:52:51)

Отсутствует

 

№940428-11-2020 19:31:04

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 18
UA: Firefox 83.0

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

Подскажите, пожалуйста, как убрать с контекстного меню пункт(печать выделенной области)

Отсутствует

 

№940528-11-2020 20:05:34

sandro79
Участник
 
Группа: Members
Откуда: Ставрополье
Зарегистрирован: 15-11-2017
Сообщений: 1512
UA: Firefox 78.0

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

ulver73

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

Выделить код

Код:

#context-print-selection {
    display: none !important;
}

А также для 84+ скрыть папку "Другие закладки" на панели закладок, которая появляется на панели если в них есть закладки:
скрытый текст

Выделить код

Код:

#OtherBookmarks,  /* 84 */
#show-other-bookmarks_PersonalToolbar {  /* 85 */
  display: none !important;
}

Отсутствует

 

№940628-11-2020 20:22:36

ulver73
Участник
 
Группа: Members
Зарегистрирован: 03-05-2020
Сообщений: 18
UA: Firefox 83.0

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

sandro79-низкий поклон:sick:

Отсутствует

 

№940729-11-2020 01:39:47

Stkvsky
Участник
 
Группа: Members
Зарегистрирован: 26-06-2012
Сообщений: 1578
UA: Firefox 68.0

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

Vitaliy V. пишет

да ладно, это невозможно для контента нужен userContent.css, или расширения...

Работает так в 68 версии вот скрин папки хром

скрытый текст
Ztla6PD.png

Для каждого стиля использовал свой файл текстовый

Отредактировано Stkvsky (29-11-2020 01:40:04)

Отсутствует

 

№940829-11-2020 13:05:26

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

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

Stkvsky
Это биндинги, скрипты у вас стили регистрируют, а не [firefox]



Добавил стиль меню с другими иконками, кому надо пробуйте https://forum.mozilla-russia.org/viewto … 65#p764365

скрытый текст
Screenshot_20201129_12571395b16953927f554c.png

Отредактировано Vitaliy V. (29-11-2020 19:24:10)

Отсутствует

 

№940930-11-2020 00:34:22

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 77
UA: Firefox 78.0

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

Vitaliy V.
Здравствуйте.
Вот из этого вашего поста https://forum.mozilla-russia.org/viewtopic.php?pid=784310#p784310 
вроде всё сделал, но что-то не срабатывает скрытие панели  – при снятии галки "скрыть гл. меню" сами пункты исчезают, а панель пустая все равно на месте.
И вот ucf_custom_ucf_custom_script_win.js  вместе с  ucf_custom_script_win.load  должны лежать в  \profile\chrome\user_chrome_files\custom_scripts\  и быть в кодировке UTF-8 ?

Отсутствует

 

№941030-11-2020 12:47:25

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

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

Vitaliy V.
В 84 строка поиска из стиля /* Панель поиска вверху слева */ у меня переместилась
в нижний левый угол. Можно ли вернуть ее на место?

Отредактировано Garalf (30-11-2020 12:48:15)

Отсутствует

 

№941130-11-2020 17:45:32

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

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

JKT пишет

И вот ucf_custom_ucf_custom_script_win.js  вместе с  ucf_custom_script_win.load  должны лежать в  \profile\chrome\user_chrome_files\custom_scripts\  и быть в кодировке UTF-8 ?

Все должно быть в одном файле - custom_script_win.js (из состава user_chrome_files)

ucf_custom_script_win и ucf_custom_script_win.load это объект и функция, соответственно туда и нужно вставлять коды в custom_script_win.js
после редактирования перезапуск ПКМ по кнопке или в настройках
https://github.com/VitaliyVstyle/Vitali … eenshot_03


Garalf
проверяйте https://forum.mozilla-russia.org/viewto … 86#p782586

Отредактировано Vitaliy V. (26-12-2020 19:45:50)

Отсутствует

 

№941230-11-2020 18:38:30

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

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

Vitaliy V.
Спасибо! Теперь панель на своем месте.

Отсутствует

 

№941301-12-2020 10:22:23

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
Нельзя ли это стилем заделать? Приходиться в расширение лезть...
chrome.badge.browserAction.setBadgeBackgroundColor({ color: "rgb(0,0,255)"} );

Отредактировано solombala (01-12-2020 11:40:39)

Отсутствует

 

№941401-12-2020 12:46:35

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

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

solombala
можно если знать ID кнопки

Выделить код

Код:

ID *|*.toolbarbutton-badge {
    background-color: rgb(0,0,255) !important;
    color: rgb(255,255,255) !important;
}

Отсутствует

 

№941501-12-2020 14:49:56

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
И как сам не допер...Благодарю! Без ID тоже работает .toolbarbutton-badge  , но hover - уже никак...

Отредактировано solombala (01-12-2020 15:55:00)

Отсутствует

 

№941601-12-2020 15:45:15

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 77
UA: Firefox 78.0

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

Vitaliy V.
Извините за деревянность, я в этом "плаваю", еле со стилями разобрался, с этими доп. панелями.
А насчет скриптов скрытия панели меню.. Вот в этом файле: custom_script_win.js  есть строка // Здесь может быть ваш код который сработает по событию "load" не раньше
В это место надо скопировать код из под спойлера ucf_custom_script_win ?, а вместо строчки ucf_custom_script_win.load();, которая в конце файла, подставить  код из под спойлера  ucf_custom_script_win.load  т.е.  this.menubarvisibilitychance.setbuttonboxwidth(); ?
И после всего этого в конец файла вставить ucf_custom_script_win.menubarvisibilitychance.constructor();
Или не так?
Про кнопку перезапуска в меню подключения этих скриптов «перезапустить и создать кэш» я понял где это.

Отсутствует

 

№941701-12-2020 16:06:48

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

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

JKT пишет

Или не так?

Ну в одном вы правы в конец файла вставить ucf_custom_script_win.menubarvisibilitychance.constructor();

JKT пишет

есть строка // Здесь может быть ваш код который сработает по событию "load" не раньше
В это место надо скопировать код из под спойлера ucf_custom_script_win ?

Нет сюда добавить код из спойлера ucf_custom_script_win.load
т.к. это и есть функция load, а не вызов функции ucf_custom_script_win.load(); в конце файла, эту строку трогать не надо
А код из спойлера ucf_custom_script_win добавляйте аналогично как там уже добавлен код specialwidgets: { ... },
например добавьте сюда
},
menubarvisibilitychance: {
...
},

specialwidgets: {



P.S. Да и в настройках не забудьте включить custom_script_win.js

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

Отсутствует

 

№941801-12-2020 16:23:45

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
А hover на .toolbarbutton-badge  можно навести?  Без ID?

Отсутствует

 

№941901-12-2020 16:44:55

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

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

solombala
если хочешь так сделать .toolbarbutton-badge:hover
то видимо нет, внутри toolbarbutton это не сработает только на кнопку
toolbarbutton:hover .toolbarbutton-badge

Отсутствует

 

№942001-12-2020 16:54:49

solombala
Забанен
 
Группа: Members
Зарегистрирован: 20-07-2019
Сообщений: 652
UA: Firefox 83.0

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

Vitaliy V.
Ну,мля...Label подставлял , toolbarbutton - была мысля и затупил...Класс!

Отсутствует

 

№942101-12-2020 18:03:06

fram_64
Участник
 
Группа: Members
Зарегистрирован: 27-02-2015
Сообщений: 8
UA: Firefox 56.0

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

многоколоночное меню закладок

много лет пользовался аддоном  Multicolumn Bookmarks Максима Кудимова, потом стилем Bookmarks Menu in Multiple Columns от Jefferson
но случились версии 57+ и лавочка прикрылась... (
по этой причине, до сих пор пользуюсь крайней версий FF на старом движке... последней каплей стала невозможноть использование WebWhatsApp...(((

для Firefox 57+ стиль реализован через  userChrome.css file.
помогите скорректировать стиль версии 70-73 для его корректной работы в актуальных версиях 83 и выше...

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

источник https://www.reddit.com/r/firefox/commen … _multiple/

Выделить код

Код:

/* Multi-Column Bookmarks for Firefox 70-73 -- menu heights broken */
:root {
  --bmkcolumncount: 3;
  --bmkcolumnwidth: 320px;
  --foldercolumncount: 2;
}

/* Bookmarks menu/toolbar -- also modifies History menu */
hbox[part="innerbox"] > .popup-internal-box > .arrowscrollbox-scrollbox, 
/* optional Bookmarks Menu toolbar button */
.panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .arrowscrollbox-scrollbox,
/* Firefox 71 */
.scrollbutton-up.menupopup-scrollbutton + scrollbox, 
.scrollbutton-up.menupopup-scrollbutton + spacer + scrollbox {
  display: block !important;
/*  column-count: var(--bmkcolumncount); */
  column-width: var(--bmkcolumnwidth);
  column-rule: 1px solid #ccc;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* Overall minimum width: accommodate full column count */
#bookmarksMenu menupopup, 
#BMB_bookmarksPopup,
.panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .arrowscrollbox-scrollbox {
  min-width: calc(var(--bmkcolumncount) * (var(--bmkcolumnwidth) + 18px)) !important;
}
/* Subfolder minimum width: accommodate folder column count */
#bookmarksMenuPopup .bookmark-item[container="true"] menupopup[placespopup="true"], 
#BMB_bookmarksPopup menupopup[placespopup="true"],
#PlacesToolbarItems .bookmark-item[container="true"] menupopup[placespopup="true"] {
  min-width: calc(var(--foldercolumncount) * (var(--bmkcolumnwidth) + 18px)) !important;
/*  column-count: var(--foldercolumncount); */
}

/* Force item widths so each has its own line */
#bookmarksMenuPopup menu, #bookmarksMenuPopup menuitem, #bookmarksMenuPopup menuseparator, 
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menu, 
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuitem, 
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuseparator,
#PlacesChevronPopup .bookmark-item,
#PlacesChevronPopup .bookmark-item > menupopup[placespopup="true"] menu, 
#PlacesChevronPopup .bookmark-item > menupopup[placespopup="true"] menuitem, 
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuseparator,
#BMB_bookmarksPopup menu, #BMB_bookmarksPopup menuitem, #BMB_bookmarksPopup menuseparator {
  width: var(--bmkcolumnwidth) !important;
}

/* Clean up item and separator spacing */
#BMB_bookmarksPopup menu, #BMB_bookmarksPopup menuitem, #BMB_bookmarksPopup menuseparator {
  padding: 0 4px 0 12px !important;
  margin: 0 !important;
}
#PlacesToolbarItems .bookmark-item > menupopup[placespopup="true"] menuseparator {
  margin: 0 !important;
  padding: 0 !important;
}
.subviewbutton.panel-subview-footer {
  min-height: 22px !important;
  border-top: none !important;
}
/* Pack more in vertically */
#BMB_bookmarksPopup menu, #BMB_bookmarksPopup menuitem {
  min-height: 1.5em !important;
}
/* Remove scrolling triangles from classic menu */
#bookmarksMenuPopup .autorepeatbutton-up, #bookmarksMenuPopup .arrowscrollbox-overflow-start-indicator, 
#bookmarksMenuPopup .arrowscrollbox-overflow-end-indicator, #bookmarksMenuPopup .autorepeatbutton-down {
  display: none !important;
}

спасибо

Отредактировано fram_64 (01-12-2020 21:46:20)

Отсутствует

 

№942201-12-2020 18:59:20

JKT
Участник
 
Группа: Members
Зарегистрирован: 14-01-2016
Сообщений: 77
UA: Firefox 78.0

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

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

Отсутствует

 

№942302-12-2020 14:42:10

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

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

fram_64
[firefox] 78+

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

Выделить код

Код:

@-moz-document url("chrome://browser/content/browser.xhtml") {
#BMB_bookmarksPopup, #bookmarksMenuPopup, #PlacesChevronPopup, toolbarbutton.bookmark-item > menupopup[placespopup="true"] {
    --v-column-count: 3; /* количество колонок меню */
    --v-column-count-child: 2; /* количество колонок подменю */
    --v-column-width: 18em; /* ширина колонок меню */
    --v-column-width-child: 18em; /* ширина колонок подменю */
    --v-column-separator-color: var(--panel-separator-color, ThreeDShadow); /* цвет разделителей */
    --v-column-scrollbar-overflow-y: auto;  /* hidden - чтобы скрыть скроллбар */
    --v-column-scrollbar-colors: rgb(0, 116, 232) transparent; /* цвета скроллбара */
    --v-column-filter-child: none; /* filter для подменю например brightness(0.9) */
    /* font-size: 1.25rem !important; /* размер шрифта в rem или px */

    /* эти настройки работают только если используется стиль для меню https://forum.mozilla-russia.org/viewtopic.php?pid=764365#p764365 */
    --v-menupopup-item-min-height: 20px; /* минимальная высота пунктов меню */
    --v-menupopup-child-color: var(--arrowpanel-color, FieldText); /* цвет текста подменю */
    --v-menupopup-child-background: var(--arrowpanel-background, Field); /* цвет фона подменю */
    /* **************************************************** */

    --v-menupopup-default-background: var(--arrowpanel-background, Field);
    --v-column-display: inline-block;
    --v-column-gap: 1px;
    --v-column-rule-width: 1px;
    --v-column-rule-style: solid;
    min-width: calc(var(--v-column-count, 0) * (var(--v-column-gap, 0px) + var(--v-column-width, 0px)) + 30px) !important;
    max-width: none !important;
    width: auto !important;
}
scrollbox[part="scrollbox"][orient="vertical"] {
    overflow-y: var(--v-column-scrollbar-overflow-y, hidden);
    scrollbar-width: thin;
    scrollbar-color: var(--v-column-scrollbar-colors, initial);
}
scrollbox[part="scrollbox"][orient="vertical"] > *|slot {
    display: var(--v-column-display, contents) !important;
    column-count: var(--v-column-count, initial) !important;
    column-width: var(--v-column-width, initial) !important;
    column-rule: var(--v-column-rule-width, initial) var(--v-column-rule-style, initial) var(--v-column-separator-color, initial) !important;
    column-gap: var(--v-column-gap, initial) !important;
}
:is(#BMB_bookmarksPopup,#bookmarksMenuPopup,#PlacesChevronPopup,toolbarbutton.bookmark-item > menupopup[placespopup="true"]) menupopup {
    --v-column-count: var(--v-column-count-child) !important;
    --v-column-width: var(--v-column-width-child) !important;
    min-width: calc(var(--v-column-count, 0) * (var(--v-column-gap, 0px) + var(--v-column-width, 0px)) + 30px) !important;
    filter: var(--v-column-filter-child);
    --v-arrowpanel-color: var(--v-menupopup-child-color);
    --v-arrowpanel-background: var(--v-menupopup-child-background);
}
:is(#BMB_bookmarksPopup,#bookmarksMenuPopup,#PlacesChevronPopup,toolbarbutton.bookmark-item > menupopup[placespopup="true"]) > menu > menupopup > menu > menupopup {
    --v-arrowpanel-color: var(--arrowpanel-color, FieldText);
    --v-arrowpanel-background: var(--v-menupopup-default-background);
    filter: none;
}
#BMB_bookmarksPopup[emptyplacesresult="true"], #bookmarksMenuPopup[emptyplacesresult="true"], #PlacesChevronPopup[emptyplacesresult="true"], toolbarbutton.bookmark-item > menupopup[placespopup="true"][emptyplacesresult="true"],
:is(#BMB_bookmarksPopup,#bookmarksMenuPopup,#PlacesChevronPopup,toolbarbutton.bookmark-item > menupopup[placespopup="true"]) menupopup[emptyplacesresult="true"] {
    --v-column-count: 1 !important;
    --v-column-width: 8em !important;
}
:is(#BMB_bookmarksPopup,#bookmarksMenuPopup,#PlacesChevronPopup,toolbarbutton.bookmark-item > menupopup[placespopup="true"]) :is(menu,menuitem,menucaption,menuseparator) {
    width: -moz-available !important;
}
:is(#BMB_bookmarksPopup,#bookmarksMenuPopup,#PlacesChevronPopup,toolbarbutton.bookmark-item > menupopup[placespopup="true"]) menuseparator {
    -moz-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-top: 1px solid var(--v-column-separator-color) !important;
    margin-bottom: -4px !important;
    height: 4px !important;
    min-height: 4px !important;
    max-height: 4px !important;
}
}

Отредактировано Vitaliy V. (10-12-2020 00:08:57)

Отсутствует

 

№942402-12-2020 20:20:58

fram_64
Участник
 
Группа: Members
Зарегистрирован: 27-02-2015
Сообщений: 8
UA: Firefox 56.0

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

ваУ! работает!... случилось счастие...):rock:
Vitaliy V., огромное спасибо!

Отсутствует

 

№942503-12-2020 21:52:00

alla51
Участник
 
Группа: Members
Зарегистрирован: 17-11-2015
Сообщений: 44
UA: Firefox 78.0

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

Vitaliy V., sandro79 спасибо большое за помощь.
Скажите, пожалуйста, можно ли в Закладках на правой панели убрать строки внизу: "Метки" и "Краткое имя"?
на скрине выделено розовым.

скрытый текст
8b4877e124b7t.jpg

Отсутствует

 

Board footer

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