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

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

№107-05-2018 19:57:12

Zver555
Участник
 
Группа: Members
Зарегистрирован: 29-11-2012
Сообщений: 27
UA: Firefox 59.0

Как я организовал вкладки внизу окна

История такая. Как и многие пользователи Firefox, до выхода Quantum я использовал хорошо известное вам расширение Tab Mix Plus с тонкой настройкой под себя. Когда вышел Firefox 57, всё это слетело и я в полном шоке откатился назад на версию 56.0.2. Так многие тогда сделали. Особенно мне было важно, чтобы панель вкладок находилась внизу окна (именно не под закладками, а в самом низу), и располагалась в несколько рядов. Версия 57 радикально отличалась и такой возможности тогда не давала. Сразу скажу - что если вы считаете всё это бредом и глупостью, продолжайте считать так дальше. А мне лично нравится иметь много мелких вкладок, которые мне комфортнее видеть внизу, а не вверху. И ещё есть много людей в интернете, которым это тоже нравится. Tab Mix Plus легко давал эту возможность, а потом её не стало, и мне, кстати, совсем не понятно, почему разработчики не включили её в стандартную настройку - ведь это же так просто! Чтобы не нужно было танцев с бубном и вникания в кучу аспектов сложного кода.
Так или иначе, время шло, Tab Mix Plus в состоянии комы, накапливались баги в 56.0.2, и я решил, что надо переходить на Quantum, но только обязательно, чтобы внешне всё выглядело, как в старых версиях. Покопавшись на разных форумах я таки сколотил файл userchrome.css, где эта цель почти достигнута. Конечно, я его не сам написал, просто стащил куски кода с разных мест.
Главный недостаток - невозможна автоматическая смена числа рядов в панели вкладок, это число жёстко задано (переменная --nRows, которую вы можете менять). Может быть это как-то можно сделать (и очень бы хотелось), но я не знаю как. Кто-то знает - поделитесь. Ещё маленький недостаток: через Tab Mix Plus у меня было настроено, что при двойном щелчке левой кнопкой по вкладке справа открывается новая. Снова, может кто-то знает, как это сделать - поделитесь. В последней версии (60) знаю, что такое действие наоборот вкладку закрывает. А мне надо, чтобы открывало. Больше ощутимых недостатков нет. Всё стилизовано под серую тему версии 56.0.2, по-умолчанию три ряда вкладок. Мне этого, наконец, хватило, чтобы перейти на Quantum. Чтобы плоды труда не пропали решил опубликовать тут.

Вот собственно получившийся userchrome.css:

Выделить код

Код:

/* set default namespace to XUL */
@namespace url(“ http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul“);

:root{
    --tab-min-width: 75px !important;
    --tab-min-height: 28px !important;
    --nRows: 3 !important;
}

/* вкладки вниз страницы */

/* tab top border roundness */
#TabsToolbar .tabs-newtab-button,
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
       border-top-left-radius: 8px !important;
       border-top-right-radius: 8px !important;
   }
.tab-line {
          display: none;
     }

/* remove colored line above each tab */
#TabsToolbar .tabbrowser-tab .tab-line {
      visibility: hidden;
   }
.tabbrowser-tab[selected]::before, 
.tabbrowser-tab[selected]::after,
.tabbrowser-tab[beforeselected]::before, 
.tabbrowser-tab[beforeselected]::after{
 display: none !important;
}


/* Clean up spacing */
.titlebar-placeholder {
  display: none !important;
}
toolbarbutton.bookmark-item {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Left and right borders on Win 7 & 8, but not on 10 and later: */
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
  /* Vertical toolbar border */
  #main-window[sizemode=normal] #navigator-toolbox > toolbar#TabsToolbar {
    border-left: 1px solid hsla(240,5%,5%,0.3) !important;;
    border-right: 1px solid hsla(240,5%,5%,0.3) !important;;
    background-clip: padding-box;
  }
}

/* Override vertical shifts when moving a tab (9 Jan 2018) */
#TabsToolbar[movingtab] {
  padding-bottom: 0 !important;
}
#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
#TabsToolbar[movingtab] + #nav-bar {
  margin-top: 0 !important;
}

/* вкладки размещаются внизу */
#TabsToolbar:not([inFullscreen="true"]) {
   position: fixed;
   bottom: 0em;
   width: 100%;
}

/* ширина поля отступа снизу */
#main-window:not([inFullscreen="true"]) #browser-bottombox {
  margin-bottom: calc((var(--nRows) * var(--tab-min-height)) + 1px);
}

/* For Windows */
#TabsToolbar:not([inFullscreen="true"]) > .private-browsing-indicator {
  position: absolute !important;
  right: 0;
  bottom: 1px;
}

#tabbrowser-tabs { width: 96%; }

.tab-background[selected="true"] {
box-shadow: 0 0 5px rgba(0,0,0,0.5);
}   

/* Вкладки под закладками */
#TabsToolbar { -moz-box-ordinal-group: 2;
}
#nav-bar{ border-top-width: 0px !important;
}

/* MULTI-ROW TABS 
   based on https://www.reddit.com/r/FirefoxCSS/comments/7dclp7/multirow_tabs_in_ff57/ 
   If tabs are too narrow, go into about:config and adjust browser.tabs.tabMinWidth
*/

/* General Rules */
#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow: visible; 
  display: block;
}
#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  height: calc((var(--nRows) * var(--tab-min-height)) + 1px) !important;
}
.tabbrowser-tab, .tab-background {
  height: var(--tab-min-height);
}
.tab-stack {
  width: 100%;
}
#main-window[sizemode="normal"] #TabsToolbar {
  border-left: 1px solid #888 !important;
}

/* Title bar rules */
#titlebar, #titlebar-buttonbox {
  height: var(--tab-min-height) !important;
}
#titlebar {
  margin-bottom: calc(var(--tab-min-height)*-1) !important;
}
#main-window[sizemode="maximized"] #titlebar {
  margin-bottom: calc(6px + var(--tab-min-height)*-1) !important;
}
#titlebar:active {
  margin-bottom: 0 !important;
}
#titlebar:active #titlebar-content {
  margin-bottom: var(--tab-min-height) !important;
}
/* Remove unnecessary buttons and the blank areas at left and right */
#tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, 
#alltabs-button, .tabbrowser-tab:not([fadein]), 
.titlebar-placeholder[type="pre-tabs"], 
.titlebar-placeholder[type="post-tabs"] {
  display: none;
}
/* Ensure a border between tabs (#aaa is a light gray) */
.tabbrowser-tab:not(:last-of-type) {
  border-right: 1px solid #aaa !important;
}

/* крестик при наведении мыши */
#tabbrowser-tabs > .tabbrowser-tab:not([pinned="true"]):hover > .tab-stack > .tab-content > .tab-close-button {
  display: -moz-box !important;
}

/* default tab *****************************/
.tabbrowser-tab .tab-label {
  text-shadow:  none !important;
}
.tabbrowser-tab .tab-label {
  font-weight: 400 !important;
}

/* скрывать значёк в новой вкладке */
/* 
    (1) Hide generic Firefox icon on any tab; 
    (2) Hide icon on tabs with the label "New Tab" 
*/
.tabbrowser-tab .tab-icon-image[src="chrome://branding/content/icon32.png"],
.tabbrowser-tab[label="New Tab"] .tab-icon-image {
  display: none !important;
}

/*стандартная серая схема*/

#toolbar-menubar, #TabsToolbar { 
  background-color: rgb(200,200,200) !important;
}

Кому интересно, попробуйте. Скажите, что думаете.

Отсутствует

 

№207-05-2018 21:56:07

Sergeys
Administrator
 
Группа: Administrators
Откуда: Moscow, Russia
Зарегистрирован: 23-01-2005
Сообщений: 14008
UA: Firefox 52.0
Веб-сайт

Re: Как я организовал вкладки внизу окна

тема - https://forum.mozilla-russia.org/viewtopic.php?id=37396


Через сомнения приходим к истине. Цицерон

Отсутствует

 
  • Форумы
  •  » Firefox
  •  » Как я организовал вкладки внизу окна

Board footer

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