Скрыть названия закладок на Панели закладок

Chaitanya · №1

Было такое дополнение, как roomy bookmarks toolbar, но с новой версией оно перестало работать.
Может кто знает аналог ему?

beginner · №2

Всем добрый день.
Тоже интересует данное дополнение. Никак не могу найти работающую замену.

villa7 · №3

Chaitanya
beginner
Может временно такое устроит. Код положить в userChrome.css

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}

Отредактировано villa7 (16-11-2017 13:00:44)

beginner · №4

villa7 пишет

Может временно такое устроит. Код положить в userChrome.css

Огромная БЛАГОДАРНОСТЬ Вам !!!
Работает ! именно то, что нужно.

Chaitanya · №5

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

littleleshy · №6

Chaitanya пишет

где расположен данный фай

В папке chrome в папке профиля (если его нет, надо создать).

Chaitanya пишет

И чем открывать его, блокнотом?

Это текстовый файл, можно блокнотом.

villa7 · №7

Chaitanya
Распакуйте и положите папку chrome в папку профиля и всё.
http://rgho.st/7LgBvZTXN

Отредактировано villa7 (16-11-2017 18:34:33)

Chaitanya · №8

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

Посмотрите, положил, но не сработало. Видимо не туда?
Кому-нибудь знакомо расширение Tab mix plus? Тоже устарело, найти бы аналог...

Отредактировано Chaitanya (16-11-2017 19:04:55)

villa7 · №9

Chaitanya

Распакуйте и положите папку chrome в папку профиля и всё.
http://rgho.st/7LgBvZTXN

В адресную строку вбиваете about:support открываете папку профиля и туда ложите папку chrome. Перезагружаете браузер.

Отредактировано villa7 (18-11-2017 17:27:10)

Chaitanya · №10

Благодарю, всё получилось!
Теперь почти как прежде, разве что в том расширении можно было менять межиконочное расстояние.

villa7 · №11

Chaitanya

разве что в том расширении можно было менять межиконочное расстояние.

Да пожалуйста, добавьте в код, и регулируйте, шире-уже.

Выделить код

Код:

#PlacesToolbarItems > .bookmark-item {margin: -2px!important;}

Chaitanya · №12

Шикарно, прекрасно!

Dezmond9966 · №13

Вариант с анимацией

2017-11-18_05-35-32.1510972745.gif

Код:

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

Выделить код

Код:

@charset "utf-8";
/* CSS Document */

#PlacesToolbarItems > .bookmark-item:hover {
    transition: max-width 0.9s ease; /* время открытия значков */
    max-width: 200px !important;} /* ширина открытых значков */

#PlacesToolbarItems > .bookmark-item:not(hover) {
    transition-property: max-width;
    transition-duration: 4s;  /* время анимации закрытия */
    transition-delay: 2.5s; /* время, которое значки остаются "открытыми" */
    transition-timing-function: ease-in-out; 
    max-width: 50px !important;}  /* минимальная ширина значков */

#PlacesToolbarItems > .bookmark-item {margin: 0px !important;} /* расстояние между значками*/
#PlacesToolbarItems > .bookmark-item {min-height: 24px !important;} /* высота значков */
#PlacesToolbarItems {margin-top: 1px !important;}
#PlacesToolbarItems {margin-bottom: 2x !important;}

Отредактировано Dezmond9966 (18-11-2017 05:49:57)

eugenikus8 · №14

Спасибо Dezmond9966. А как сделать чтобы отображались только значки закладок?

villa7 · №15

eugenikus8
Выше же уже давали
https://forum.mozilla-russia.org/viewtopic.php?pid=747009#p747009

69from · №16

villa7 пишет

Может временно такое устроит. Код положить в userChrome.css
Код:
#PlacesToolbarItems > .bookmark-item {max-width: 10px !important;}
#PlacesToolbarItems > .bookmark-item:hover {max-width: 300px !important;}

Подскажите, куда добавить это?

effrit · №17

В адресную строку вбиваете about:support, открываете папку профиля и там создаете (если её нет) папку chrome.
внутрь кладете файл userChrome.css (обычный текстовой файл, с переименованным расширением)
в него и вносите правки

Отредактировано effrit (22-11-2017 13:24:07)

list · №18

Подскажите можно ли сделать так, чтобы названия всплывали (а лучше бы вообще были постоянно) только у папок на панели закладок?

sergess · №19

Ребята, а можно ли как нибудь автоматически скрывать панель закладок, и что бы открывалась при наведении курсора в какое нибудь место? Постоянно она вроде не нужна, а включать выключать когда надо не комильфо

sandro79 · №20

sergess, попробуйте код под спойлером, взял из используемого мной пакета. margin-top: -24px, стояло изначально -32, но закладки слишком глубоко уходили, поставил -24.

код

Выделить код

Код:

#PersonalToolbar {
  opacity: 0 !important;
  transition: all 0.5s ease 0s !important;
  margin-top: -24px !important;
}

#navigator-toolbox:hover #PersonalToolbar {
  opacity: 1.0 !important;
  transition-delay: 0s !important;
  margin-top: inherit !important;
}

#PersonalToolbar {
  -moz-window-dragging: no-drag !important;
}

sergess · №21

sandro79 спасибо, то что надо фактически, один момент только, нельзя ли как то добавить задержку, к примеру если курсор в этой области секунду тогда выезжает панель, а то сейчас каждое движение к адресной строке вызывает скачок панели. Ну или просто если курсор в определенную область поместить тогда панель выезжает?

Отредактировано sergess (01-03-2018 11:02:04)

sandro79 · №22

sergess, я в стилях не спец, но может в этой строке поменять значения transition: all 0.5s ease 0s !important;, ну где секунды стоят.

Отредактировано sandro79 (01-03-2018 11:06:25)

sergess · №23

sandro79 ага, спасибо, поэкспериментирую

list · №24

Подскажите можно ли панель закладок сделать в две строки?

Отредактировано list (01-03-2018 20:13:41)

sandro79 · №25

list, да, можно, тоже отсюда, а лучше скачать весь архив custom_css_for_fx_v1.7.3.zip, распаковать в папку chrome и настроить по-возможности интерфейс. Несовместимо с кодом автоскрытия панели закладок.

код

Выделить код

Код:

:root {
  --bookmark_items_height: 26px; /* <- bookmark items - line height */
  --bookmark_items_lines: 3; /* <- maximum amount of lines */
}

#personal-bookmarks {
  display: block;
}

#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
}

#personal-bookmarks #PlacesToolbar > hbox {
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
  display: block;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron{
  visibility: collapse;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
  padding-top: 2px;
  padding-bottom: 2px;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}

#navigator-toolbox #PersonalToolbar { 
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
}

Отредактировано sandro79 (01-03-2018 21:09:31)

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