Инструменты пользователя

Инструменты сайта


// Немного тюнинга Firefox

В основном в части вкладок (в народе - «табов»).

Задачи две:

  1. Сделать так, что бы не отображался скролинг вкладок, а сами вкладки уменьшались до минимума аля Opera
  2. Уменьшить их высоту

Поиск дал ссылки на следующие материалы:

  • Quick Tip: Disable Firefox Tab Scrolling - расказывает как при помощи about:config добиться эффекта отсутствия скрола для множества табов, там же даётся ссылка на расширение Tab Mix Plus, при помощи которого можно сделать это же, а так же много другое (к примеру, назначить различные стили для незагруженных страниц, или страниц, содержимое которых изменилось со времени последнего просмотра). От себя замечу: лучше поставить опцию browser.tabs.tabMinWidth в 0, т.к. через дополнение не получается поставить значение меньше 16. Опции может и не быть в списке, тогда нужно её создать, тип указывать: integer. В некоторых источниках это же рекомендуют сделать с параметром browser.tabs.tabClipWidth. В некоторых версиях FireFox и это не поможет, тогда следует попробовать такой CSS-код в вашем userChrome.css:
    .tabbrowser-tab[fadein]:not([pinned]) {
      min-width: 0px !important;
      max-width: 250px !important;
    }

    К сожалению, полностью от скролинга это не позволяет избавится.

  • Is It Possible to Decrease the Height of Tabs? - обсуждение на форуме, как уменьшить высоту табов при помощи userChrome.css. Выдержка одного из методов:
    /* Change all tab properties */
    tab {
    height: 18px !important;
    max-height: 20px !important;
    -moz-appearance: none !important;
    }
     
    /* Shrink tab titles */
    .tabbrowser-tabs .tab-text {
    font-size: 75%;
    }
     
    /* Cosmetic effects to line everything up*/
    .tabs-closebutton {
    padding: 1px !important;
    } 
  • Creating more screen space in Firefox - статья на eeeuser.org которая описывает, как получить больше полезного пространства в Firefox на устройствах с небольшим размером экрана (типа Asus EeePC).

И на последок, мой userChrome.css:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
/* Change Tab Height - may need to experiment with the size */
/*tab{
  height: 2.0em !important;
  max-height: 2.0em !important;
  -moz-appearance: none !important;
}*/
 
.tabbrowser-tabs {
  height: 2.0em !important;
  max-height: 2.0em !important;
  -moz-appearance: none !important;
}
 
/* hide close button initially and display only on active tab*/
/*.tabbrowser-tab .tab-close-button {
  display: none !important;
}
.tabbrowser-tab[selected="true"] .tab-close-button {
  display: block !important;
}*/
 
/* Correct tab close button size */
.tab-close-button {
  -moz-transform: scale(0.85) !important;
} 
 
/* Navigation bar size */
#nav-bar {
  height: 2.0em !important;
  padding: 0px !important;
  margin: 1px 0 !important;
}
 
/* Toolar icon sizes */
.toolbarbutton-icon {
    height: 1.5em !important;
    width:  1.5em !important
}

Комментарии