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

Vladi928 · №1

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

_zt · №2

Попробуйте - https://addons.mozilla.org/ru/firefox/addon/rename-tab-title/

Вообще, если открывать папку закладок с вложенными папками (по пункту меню "Открыть все с подпапками"), то группе присваивается имя папки. Т.е. косвенная возможность есть. А если в подпапках сохранены НЕ деревья, то групп будет несколько, на каждую папку отдельная группа.

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

Vladi928 · №3

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

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

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

_zt · №4

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

1.

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

Заголовок группы вкладок и есть вкладка, корневая. С какого перепуга rename-tab-title вдруг не то? Это именно то.

"Не тем" оно может быть, только если вы вопрос сформулировали не верно. Или ответ. Например ответ - "такого вида вкладки расширение не переименовывает", может быть верным.

2.

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

Где вы в моем сообщение увидели упоминание такого пункта? Я говорил об "Открыть все с подпапками".

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

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

Vladi928 · №5

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

Vladi928 · №6

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

_zt · №7

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)

Vladi928 · №8

Да, я знаю. Я прошелся по всем сниппетам и многие из них использовал. Но среди них я не нашел возможность изменить значок папки, предлагаемый по умолчанию:
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

_zt · №9

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

_zt · №10

Вот этот код 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)

Vladi928 · №11

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

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

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

_zt · №12

Vladi928
Ну а у меня заработало и папку и глобус поменял.
2020.1589737667.png

Кричите, если что.

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

Vladi928 · №13

Шикарно! Это именно то, чего я добиваюсь.
Вставил код в 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)

_zt · №14

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

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

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

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

Vladi928 · №15

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

Vladi928 · №16

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

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

№112-05-2020 02:09:42