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

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

№807609-03-2020 18:47:03

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

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

voqabuhe пишет

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

можно так

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

Выделить код

Код:

*|*:root {
    --v-bookmark-tooltip-appearance: tooltip; /* или none если используются свои цвета*/
    --v-bookmark-tooltip-background: none; /* цвет фона */
    --v-bookmark-tooltip-color: InfoText; /* цвет текста */
    --v-bookmark-tooltip-border-color: transparent; /* цвет бордюра */
}

*|*:root[lwt-popup-darktext] {
    --v-bookmark-tooltip-appearance: none;
    --v-bookmark-tooltip-background: var(--arrowpanel-background, rgb(255, 255, 255));
    --v-bookmark-tooltip-color: var(--arrowpanel-color, rgba(12, 12, 13, 1));
    --v-bookmark-tooltip-border-color: var(--arrowpanel-border-color, rgb(173, 127, 127));
}

*|*:root[lwt-popup-brighttext] {
    --v-bookmark-tooltip-appearance: none;
    --v-bookmark-tooltip-background: var(--arrowpanel-background, rgb(27,27,29));
    --v-bookmark-tooltip-color: var(--arrowpanel-color, rgb(177,177,179));
    --v-bookmark-tooltip-border-color: var(--arrowpanel-border-color, rgb(60,60,61));
}

toolbarbutton.bookmark-item[container="true"]:not(:-moz-any(.subviewbutton,[label=""],[disabled="true"]))::after {
    display: -moz-popup;
    z-index: 2147483647;
    text-shadow: none;
    content: attr(label);
    position: fixed;
    -moz-appearance: var(--v-bookmark-tooltip-appearance);
    background: var(--v-bookmark-tooltip-background);
    color: var(--v-bookmark-tooltip-color);
    border: 1px solid var(--v-bookmark-tooltip-border-color);
    padding: 2px;
    margin-top: 12px;
    max-width: 40em;
    font: message-box;
    -moz-box-orient: vertical;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    visibility: collapse !important;
}

toolbarbutton.bookmark-item[container="true"]:hover:not(:-moz-any(.subviewbutton,[open],[label=""],[disabled="true"]))::after {
    visibility: visible !important;
}


solombala
неа только стилем нельзя

Отредактировано Vitaliy V. (10-03-2020 12:26:54)

Отсутствует

 

№807709-03-2020 18:55:41

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

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

Vitaliy V.
То, что стилем нельзя это я и сам понял, переменную впаять надо , а куда и какую...Это вопрос...

Отсутствует

 

№807809-03-2020 20:14:39

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

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

Vitaliy V. пишет

можно так

О, отлично, спасибо большое. А как бы ещё для полного счастья в тултипах изменить цвет фона и текста?

Отсутствует

 

№807909-03-2020 21:34:28

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

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

solombala
да не сложно это повесить листенер чтобы при клике добавлять атрибут, спроси в теме CB тут др. тема

voqabuhe
Я там изменил чтобы цвета были как в теме [firefox],
если нет темы или тема не изменяет popup будет стиль ОС, либо сами изменяйте там где комментарии

Отредактировано Vitaliy V. (09-03-2020 21:48:38)

Отсутствует

 

№808009-03-2020 22:13:14

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

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

Vitaliy V.
Во, как в теме, это просто идеально. Спасибо огромное. А ещё, как я понял, папки стали  раскрываться при наведение, пока не понял удобно это для меня, или нет.

Отсутствует

 

№808109-03-2020 23:07:24

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

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

Vitaliy V.
Подскажите пожалуйста, как передвинуть на пару пикселей влево текст "Поиск" в строке поиска в 68 версии firefox? Для 70+ мне Acid Crash подсказал, но только этот метод для 68 не сработал.
Точнее сработал, но не так как надо, а изменяется отступ от левого края поисковой строки снаружи. Спасибо.

Отсутствует

 

№808210-03-2020 06:41:03

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

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

Vitaliy V.
Проблему обнаружил, внутри папки закладок невозможно стало пользоваться контекстным меню, при переходе на него,  оно сразу закрывается. Можете это подправить?

Отсутствует

 

№808310-03-2020 11:30:47

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

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

Vitaliy V.
В 74 код упал и аддон Long right Click

скрытый текст
#toolbar-menubar > spacer[ordinal="1000"] {
    max-width: 0px !important;
    margin-left: 8px !important;
   
}

Отсутствует

 

№808410-03-2020 13:38:51

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

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

sandro79
попробуйте так если др. стили не помешают

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

Выделить код

Код:

#searchbar .searchbar-search-icon {
    margin-inline-start: 4px !important;
    margin-inline-end: 2px !important;
}
#searchbar .searchbar-search-button[addengines="true"] > .searchbar-search-icon-overlay {
    margin-inline-start: -11px !important;
    margin-inline-end: 0px !important;;
}
#identity-box {
    padding-inline-start: 4px !important;
    padding-inline-end: 4px !important;
    margin-inline-end: 2px !important;
}
#tracking-protection-icon-container {
    padding-inline-start: 4px !important;
    padding-inline-end: 4px !important;
}


и удалите этот код
скрытый текст
.searchbar-search-button, #urlbar-input {
  -moz-margin-start: -4px !important;
}

voqabuhe
да есть такое на [windows] пришлось :hover убрать...

solombala
#toolbar-menubar > spacer[style*="-moz-box-ordinal-group: 1000;"]
а что за аддон Long right Click у меня такого нет
Long Left Click работает

Отредактировано Vitaliy V. (10-03-2020 13:50:22)

Отсутствует

 

№808510-03-2020 13:44:23

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

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

Vitaliy V.
НУ, Long Left Click , но не работает он ! Настройки не сохраняет...

Отсутствует

 

№808610-03-2020 13:53:54

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

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

solombala
не знаю у меня сохраняет

Отсутствует

 

№808710-03-2020 14:31:07

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

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

Vitaliy V.
Long Left Click 2020.2.23 ///Теперь еще и падать начал ...Мультипроцесс наверное...Он убит у меня...
На чистую ставил  без косяков - тот же результат . Не пашет

Отредактировано solombala (10-03-2020 14:40:42)

Отсутствует

 

№808810-03-2020 14:43:54

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

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

solombala пишет

На чистую ставил  без косяков - тот же результат . Не пашет

extensions.experiments.enabled включи

Отсутствует

 

№808910-03-2020 14:56:24

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

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

Vitaliy V. пишет

да есть такое на [windows] пришлось :hover убрать...

А я к нему уж стал привыкать... :) Спасибо большое, теперь всё как и хотелось.

Отсутствует

 

№809010-03-2020 15:52:08

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

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

Собрал себе такой стиль для панели закладок, т.е. personal-bookmarks. Спасибо Vitaliy V.. Может кому пригодится.

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

Выделить код

Код:

/* Стиль для элементов панели закладок. */
/* Сам personal-bookmarks может находится на другой панели
 * https://forum.mozilla-russia.org/viewtopic.php?pid=779020#p779020
 * требует чтения и самостоятельной настройки, это просто пример ***/

/* Изменение заливки для значков по умолчанию и тени всех значков. Только корень панели. */
/* папки */
toolbarbutton.bookmark-item:not([container=true]) .toolbarbutton-icon {
  filter: drop-shadow(0 0 2px #5F7388) !important;
  fill: #BABABA !important;
}
/* закладки */
toolbarbutton.bookmark-item[container=true] .toolbarbutton-icon {
  filter: drop-shadow(0 0 2px #001122) !important;
  fill: #BABABA !important;
}
/* END GLOW EFFECT and FILL */

/* Убираем имена папок в personal-bookmarks *//*
#personal-bookmarks .bookmark-item[container="true"] > .toolbarbutton-text {
  display:none !important;
}
/* ИЛИ v2 */
/* Убираем имена всех элементов в personal-bookmarks */
#personal-bookmarks .bookmark-item > .toolbarbutton-text {
  display:none !important;
}

/* КАК ВАРИАНТ */
/* Показываем имя папки при наведении *//*
#personal-bookmarks .bookmark-item[container="true"]:hover > .toolbarbutton-text {
  display:-moz-box !important;
}
/* Показываем имя закладки при наведении */
#personal-bookmarks .bookmark-item:not([container="true"]):hover > .toolbarbutton-text {
  display:-moz-box !important;
}
/* ИЛИ */
/* Показываем имя любого элемента при наведении *//*
#personal-bookmarks .bookmark-item:hover > .toolbarbutton-text {
  display:-moz-box !important;
}

/* Меняем положение иконок у всех папок personal-bookmarks */
toolbarbutton.bookmark-item[container="true"] > .toolbarbutton-icon {
    -moz-appearance: none !important;
    margin-left: 4px !important;
}
/* ИЛИ v2 */
/* Меняем положение иконок у всех элементов personal-bookmarks *//*
toolbarbutton.bookmark-item > .toolbarbutton-icon {
    -moz-appearance: none !important;
    margin-left: 4px !important;
}

/* Меняем иконки папок в personal-bookmarks, для каждой отдельно, по label, только корень */
/* Кидаем иконки в подпапку chrome или кодируем в base64 */
toolbarbutton.bookmark-item[container="true"][label="имя_папки"] > .toolbarbutton-icon {
    list-style-image: url("./ico/своя_иконка.svg") !important;
}
toolbarbutton.bookmark-item[container="true"][label="имя_папки"] > .toolbarbutton-icon {
    list-style-image: url("data:image/png;base64,codcodcod...") !important;
}
/*... и .т.д. и т.п.*/

/* КАК ВАРИАНТ */
/* Тултипы папок закладок в personal-bookmarks */
toolbarbutton.bookmark-item[container="true"]:not(:-moz-any(.subviewbutton,[label=""],[disabled="true"]))::after {
    display: -moz-popup;
    z-index: 2147483647;
    content: attr(label);
    position: fixed;
    -moz-appearance:none!important;
/* отсюда и далее можно настраивать */
    border-style:solid!important;
    border-width:1px!important;
    border-color:rgb(60,60,61)!important;
    background:rgba(50,50,52,0.8)!important;
    background-color:rgba(50,50,52,0.8)!important;
    background-image:none!important;
    background-origin:border-box!important;
    background-clip:border-box!important;
    background-repeat:no-repeat!important;
    background-position:0% 0%!important;
    background-size:auto!important;
    color:rgb(200,200,202)!important;
    text-shadow:0 0 1px rgba(11,11,12,0.2)!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-top:2px!important;
    padding-bottom:3px!important;
    margin-top: 16px;
    margin-left: 20px;
    max-width: 40em;
/* далее лучше не трогать */
    font: message-box;
    -moz-box-orient: vertical;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    visibility: collapse !important;
}
toolbarbutton.bookmark-item[container="true"]:hover:not(:-moz-any(.subviewbutton,[open],[label=""],[disabled="true"]))::after {
    visibility: visible !important;
}

/* Иконки отдельных закладок / букмарклетов, на всех уровнях */

.bookmark-item:not([container])[label="имя_букмарклета"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background: url("./ico/своя_иконка.svg") !important;
}
.bookmark-item:not([container])[label="имя_букмарклета"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background: url("data:image/png;base64,codcodcod...") !important;
}

/* Стандартные значки можно изменить так, на примере закладки Библиотека, только корень */
/* Меняем иконку, смещаем ее и убираем текст Библиотеки в personal-bookmarks */
.bookmark-item:not([container])[label="Библиотека"] image {
    object-position: 16px 0px !important;
    list-style-image: none !important;
    background: url("chrome://browser/skin/library.svg") !important;
    -moz-appearance: none !important;
    margin-left: 4px !important;
}
#personal-bookmarks .bookmark-item[label="Библиотека"] > .toolbarbutton-text {
  display:none !important;
}
/*... и .т.д. и т.п.*/

/* Делаем кнопки из букмарклетов вытащенных на панель закладок, только корень */
#personal-bookmarks .bookmark-item:not([container])[scheme="javascript"] > .toolbarbutton-icon {
    -moz-appearance: none !important;
    margin-left: 5px !important;
}
#personal-bookmarks .bookmark-item:not([container])[scheme="javascript"] > .toolbarbutton-text {
  display: none !important; 
}

Требует чтения и самостоятельной настройки, это просто пример, для меня хорошо работает именно так.

Отредактировано _zt (13-07-2021 21:05:14)

Отсутствует

 

№809110-03-2020 18:07:45

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

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

Vitaliy V.

Vitaliy V. пишет

extensions.experiments.enabled включи

Нашел косяк ...Storage web extension///Теперь не забалуешь...

Отредактировано solombala (10-03-2020 19:51:48)

Отсутствует

 

№809210-03-2020 18:08:50

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

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

Vitaliy V. пишет

sandro79
попробуйте так если др. стили не помешают... и удалите этот код

Благодарю, всё получилось! :beer:

Отсутствует

 

№809310-03-2020 19:23:35

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

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

Здравствуйте.
На панели закладок для папок назначил свои иконки. А есть ли возможность так-же и в выпадающем для папок установить свои значки?

Отсутствует

 

№809410-03-2020 20:22:11

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

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

JKT
ну такой код и на панели и в меню заменяет

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

Выделить код

Код:

.bookmark-item[container="true"][label="название папки"] {
    list-style-image: url("иконка") !important;
}

Отсутствует

 

№809510-03-2020 21:07:57

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

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

Vitaliy V.
Благодарю. То что надо.

Отсутствует

 

№809610-03-2020 23:31:41

Инсульт
Участник
 
Группа: Members
Зарегистрирован: 29-10-2013
Сообщений: 68
UA: Firefox 74.0

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

74 и снова грязь... Как теперь убрать "показать все закладки" в меню закладки?
Это даже звучит глупо "типа нарик ищет закладки покажите ему их.."

Отсутствует

 

№809711-03-2020 02:54:46

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

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

Vitaliy V.
Если из приложения add_toolbar_buttons.2020.2.23.xpi вытащить кнопку "Переключить анимацию" на любую панель и кликнуть по ней, т.е. отключить анимацию, отваливается страница ввода пароля при входе в почту google.com или youtube.com - страница серая и поля недоступны. На странице tv.yandex.ru перестают появляться всплывающие подсказки при наведении на программу. Это из того, что заметил. Проверял и на чистом профиле.
Мне кажется, что такое поведение кнопки неправильное?

Отсутствует

 

№809811-03-2020 12:07:20

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

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

В меню закладок при наведении курсора всплывает окошко с названием и адресом ссылки. В «свойствах ссылки» (журнал) есть поле «Краткое имя», я туда вставляю описание ссылки/канала (довольно большое можно воткнуть, точно не проверял, но штук 500 знаков влазит) и поле «Метки».
Возможно-ли, чтоб в этом всплывающем появлялось и содержание этих полей «Метки» и «Краткое имя»?

Отсутствует

 

№809911-03-2020 13:42:12

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

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

xrun1
насчет этого я в курсе, кнопка лишь отключает в данном случае css анимацию,
в основном так и задумано было - отключить анимацию,
то что на этих страницах/сайтах так сделано что без анимации не работает что-то,
ну и пофиг их проблемы, мне что исключения для них делать.
В принципе вместо кнопки можно стиль для userContent.css использовать
и исключить с помощью regexp эти и др. сайты...

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

Отредактировано Vitaliy V. (11-03-2020 15:29:18)

Отсутствует

 

№810011-03-2020 16:04:55

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

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

Vitaliy V.
Наверное, можно сделать одной кнопкой. Например, ЛКМ - только image.animation_mode, ПКМ - всё... Как-то так.

Отсутствует

 

Board footer

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