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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.
  • Форумы
  •  » Firefox
  •  » Tree Style Tab. Заголовок для группы вкладок

№112-05-2020 02:09:42

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 50.0

Tree Style Tab. Заголовок для группы вкладок

Подскажите, пожалуйста, как в расширении Tree Style Tab создать заголовок для группы вкладок. Перерыл все опции и ничего не нашел

Отсутствует

 

№212-05-2020 09:15:10

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

Re: Tree Style Tab. Заголовок для группы вкладок

Попробуйте - https://addons.mozilla.org/ru/firefox/addon/rename-tab-title/
   
   
   
Вообще, если открывать папку закладок с вложенными папками (по пункту меню "Открыть все с подпапками"), то группе присваивается имя папки. Т.е. косвенная возможность есть. А если в подпапках сохранены НЕ деревья, то групп будет несколько, на каждую папку отдельная группа.

Отредактировано _zt (12-05-2020 09:31:15)

Отсутствует

 

№312-05-2020 16:46:58

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 50.0

Re: Tree Style Tab. Заголовок для группы вкладок

Не понятно. Если открыть папку с вложенной папкой, то пункт 'открыть все во вкладках' становится неактивным. Если вложенных папок нет, то этот пункт активен, но папке автоматически присваиваются имена закладок.

Добавлено 12-05-2020 16:56:29
Addon rename-tab-title переименовывает вкладки, но не папки

Отредактировано Vladi928 (12-05-2020 16:56:29)

Отсутствует

 

№413-05-2020 16:59:58

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

Re: Tree Style Tab. Заголовок для группы вкладок

Vladi928
Понятно, еще один, хочу то не знаю что.
   
1.

Подскажите, пожалуйста, как в расширении Tree Style Tab создать заголовок для группы вкладок.

Заголовок группы вкладок и есть вкладка, корневая. С какого перепуга rename-tab-title вдруг не то? Это именно то.
   
"Не тем" оно может быть, только если вы вопрос сформулировали не верно. Или ответ. Например ответ - "такого вида вкладки расширение не переименовывает", может быть верным.
   
2.

то пункт 'открыть все во вкладках'

Где вы в моем сообщение увидели упоминание такого пункта? Я говорил об "Открыть все с подпапками".
   
Пункты контекстного меню настраиваются в настройках расширения. Вы в настройки вообще заглядывали?

Отредактировано _zt (13-05-2020 17:06:15)

Отсутствует

 

№514-05-2020 17:57:00

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 50.0

Re: Tree Style Tab. Заголовок для группы вкладок

Спасибо, разобрался

Отсутствует

 

№614-05-2020 22:46:34

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 50.0

Re: Tree Style Tab. Заголовок для группы вкладок

Еще несколько вопросов
1. Как поменять значок папки на свой?
2. Как изменить цвет и форму вкладок?

Отсутствует

 

№715-05-2020 19:30:16

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

Re: Tree Style Tab. Заголовок для группы вкладок

Vladi928
Какой папки?
   
Все предоставленные автором сниппеты полностью рабочие.
https://github.com/piroor/treestyletab/wiki/Code-snippets-for-custom-style-rules#for-version-2x
   
НО, смена внешнего вида вкладок корректно работает только на пресетах: "без стиля" (рекомендуется), "простых" и "вертиго" (очень ограниченно). У меня на "простом темном" все что мне надо изменено, но я форму не менял, только цвета, высоту и положение внутренних элементов.
   
2020.1589560421.png

Отредактировано _zt (15-05-2020 19:34:25)

Отсутствует

 

№815-05-2020 20:45:18

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 50.0

Re: Tree Style Tab. Заголовок для группы вкладок

Да, я знаю. Я прошелся по всем сниппетам и многие из них использовал. Но среди них я не нашел возможность изменить значок папки, предлагаемый по умолчанию:
https://drive.google.com/drive/folders/ … ring/1.jpg

Кроме того, я не нашел способ изменить цвет и форму вкладки, который сейчас соответствует цвету контейнера (пресет 'вертиго)'
https://drive.google.com/drive/folders/ … ring/2.jpg

На пресете 'Без стиля' почему-то вообще не отражаются значки папок и некоторых вкладок:
https://drive.google.com/drive/folders/ … ring/3.jpg

Отсутствует

 

№916-05-2020 20:19:46

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

Re: Tree Style Tab. Заголовок для группы вкладок

Vladi928
Про "вертиго" я выше написал - для кастомизации лучше использовать "простые" пресеты.
"Без стиля" у меня так же себя ведет.
Тоже не нашел как сменить папки. Пишите на GitHub здесь. В заголовок проблемы добавьте [Question], автор как правило отвечает.

Отсутствует

 

№1016-05-2020 20:53:43

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

Re: Tree Style Tab. Заголовок для группы вкладок

Вот этот код css отвечает в расширении за внешний вид папок:

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

Выделить код

Код:

tab-item.group-tab .favicon-builtin::before {
  background: url("/resources/icons/folder-16.svg") no-repeat center / 100%;
}
:root.simulate-svg-context-fill tab-item.group-tab .favicon-builtin::before {
  background: var(--tab-text);
  mask: url("/resources/icons/folder-16.svg") no-repeat center / 100%;
}
Выделить код

Код:

h1::before {
    background: var(--text-color);
    content: "";
    display: inline-block;
    height: 1.25em;
    margin-right: 0.25em;
    mask: url("./icons/folder-16.svg") no-repeat center / 100%;
    width: 1.25em;
  }

  #tabs li.use-default-favicon.group-tab a::before {
    mask-image: url("./icons/folder-16.svg");
  }


   
А этот за значок вкладок "без значка":
скрытый текст

Выделить код

Код:

#tabs li.use-default-favicon a::before,
  #tabs li.favicon-loading a::before {
    background: var(--text-color);
    display: none;
    content: "";
    display: inline-block;
    mask: url("./icons/globe-16.svg") no-repeat center / 100%;
  }
Выделить код

Код:

.favicon-builtin::before {
  -moz-context-properties: fill;
  background: url("/resources/icons/globe-16.svg") no-repeat center / 100%;
  content: "";
  display: inline-block;
  fill: var(--tab-text);
  height: var(--svg-small-icon-size);
  line-height: 1;
  margin-top: calc((var(--favicon-size) - var(--svg-small-icon-size)) / 2);
  max-height: var(--favicon-size);
  max-width: var(--favicon-size);
  width: var(--svg-small-icon-size);
}
:root.simulate-svg-context-fill tab-item .favicon-builtin::before {
  background: var(--tab-text);
  mask: url("/resources/icons/globe-16.svg") no-repeat center / 100%;
}

tab-item[data-current-uri^="chrome:"] .favicon-builtin::before {
  background: url("/resources/icons/globe-16.svg") no-repeat center / 100%;
}
:root.simulate-svg-context-fill tab-item[data-current-uri^="chrome:"] .favicon-builtin::before {
  background: var(--tab-text);
  mask: url("/resources/icons/globe-16.svg") no-repeat center / 100%;
}


   
Используйте эти коды в userContent.css, заменив иконку на свою.

Отредактировано _zt (16-05-2020 21:27:41)

Отсутствует

 

№1117-05-2020 16:05:46

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 76.0

Re: Tree Style Tab. Заголовок для группы вкладок

Не заработало :(. Вероятно, что-то сделал не так. Позже продолжу эксперименты

Добавлено 17-05-2020 16:06:54
За помощь спасибо

Отредактировано Vladi928 (17-05-2020 16:06:54)

Отсутствует

 

№1217-05-2020 20:48:01

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

Re: Tree Style Tab. Заголовок для группы вкладок

Vladi928
Ну а у меня заработало и папку и глобус поменял.
2020.1589737667.png 2020.1589738119.png
   
Кричите, если что. :)

Отредактировано _zt (17-05-2020 20:56:03)

Отсутствует

 

№1317-05-2020 22:37:36

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 76.0

Re: Tree Style Tab. Заголовок для группы вкладок

Шикарно! Это именно то, чего я добиваюсь.
Вставил код в userContent.css, изменил путь на свой
url("file://d:/Desktop/Icons/FireFox/begin.ico") (этот путь я использую в userChrome.css для папок закладок и там все работает)
и ничего не меняется. Может быть критично, что использую ico, а не svg, или синтаксис
url("./Icons/FireFox/begin.ico") не верен. Больше догадок нет.

Добавлено 17-05-2020 22:52:38
Кстати, для вкладок без значка я нашел расширение Favicon Switcher

Отредактировано Vladi928 (17-05-2020 22:52:38)

Отсутствует

 

№1418-05-2020 01:21:09

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

Re: Tree Style Tab. Заголовок для группы вкладок

Vladi928
К измененным строкам !important; добавляли?

Я бы иконки вообще не использовал. Лучше svg или png. Вот, как пример или готовое решение - ЗначкиTST.7z

Папку сам рисовал, так как не нашел готовой подходящей. Только иконки светлые, можно замену цветов сделать в любом редакторе, типа PaintNET или Ph.

Отредактировано _zt (18-05-2020 01:24:59)

Отсутствует

 

№1518-05-2020 18:13:55

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 76.0

Re: Tree Style Tab. Заголовок для группы вкладок

Заработало! Мои благодарности :beer:
Была ошибка в определении пути. Используя Ваш пример, я все исправил и :)

Отсутствует

 

№1618-05-2020 18:54:30

Vladi928
Участник
 
Группа: Members
Зарегистрирован: 16-05-2009
Сообщений: 52
UA: Firefox 76.0

Re: Tree Style Tab. Заголовок для группы вкладок

Вот, что получилось (4.jpg)
https://drive.google.com/open?id=1m8C8Z … PaXYT0N6l3

Отсутствует

 
  • Форумы
  •  » Firefox
  •  » Tree Style Tab. Заголовок для группы вкладок

Board footer

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