Вкладки Firefox

makssimillian · №1

В общем ситуация такая, если открывать много-много вкладок в Firefox, то они все не умещаются на панельке и уходят влево-вправо, благодаря стрелочкам их уже каруселишь. Можно как-то сделать, чтоб они не уезжали за пределы экрана так скажем, а умещались все в строго отведенной для них панельке, становясь все уже... уже...и уже. Ну как в гугл хром например. Чтоб не появлялись эти стрелочки влево-вправо, для прокрутки вкладок, а они просто сужались и сужались. Можно как-то это реализовать?
Вот картинка с гугл хрома ( если кто не понял про что я)

turbot · №2

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

.tabbrowser-tab:not([visuallyselected="true"]):not([pinned]) {
  min-width: unset !important;
}

.tabbrowser-tab:not([visuallyselected="true"]):not([pinned]) .tab-content {
  -moz-padding-end: 4px !important;
}

/* запрешаем уменьшение ширины активной вкладки. удалите, если сужение до ста пикселей устраивает --> */
.tabbrowser-tab[visuallyselected="true"]:not([pinned]) {
  min-width: 210px !important;
}
/* <-- */

В Stylish, либо userChrome.css.

makssimillian · №3

turbot Стало намного лучше, хоть и не совсем как я думал
Если до этого стрелки появлялись после 10ти вкладок, то теперь после 30ти Но в общем и целом, норм теперь.

turbot · №4

makssimillian
Вот вам еще более компактный вариант:

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

Выделить код

Код:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
  min-width: unset !important;
}
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([visuallyselected="true"]):not([pinned]) .tab-content {
  -moz-padding-end: 0 !important;
}
/* Удалите, если хотите, чтобы фавиконки не скрывались --> */
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab:not([visuallyselected="true"]):not([pinned]) .tab-content{
  visibility: collapse !important;
}
/* <-- */
#tabbrowser-tabs .tabbrowser-tab:not([visuallyselected="true"]) .tab-stack > .tab-background {
  background-image:
    url(chrome://browser/skin/tabbrowser/tab-background-start.png),
    url(chrome://browser/skin/tabbrowser/tab-background-middle.png),
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUfEQoDWnhvMQAABCVJREFUSMell91rHGUUxn9ndmMqpInNNkmNpE1KQrUlLbVJExEE0ZvSiorihYV6UaXojTeC/4PgnR9FFERIFZF4Wa/1wtYWoUWhVCHV2iZpEhOTpvnYmXm8mHc+d9sm2wPD7s688z7vOc9zPtYe6Rl6GAAEmJCEEYIJCEkeuufI3bJoqRmxpb/TNUWL15QlDZpZgBCGL1g3uC1pyczWJAVmJrAQYGbivLJbx9bRNxKBSpAcRnXBQVjV90+trqyGVd/X3PzC+s2p2fULv15e+nb87MLVPyYWQHOIBYwALIgxZyfOSek+dOwedaCxp1lQZSIUPTff918APLeqBJSB5jAMt/x+5c/lj7/4evK78bOTSDOYLSKF0SEi71OPRwusFEOd996CIDhGfTNgi6Dl/MVLaydOvT8xNzd/A5gGAlCAYPbaLwKo9B6OXjLq8xtT4D49d5R6VwjcMZgZHToQ/PTD2J69T/TvBB6NImSWjaSZOWHZ3UEz5/G4vwlY7uqoLI6PfdTf3d31GFCRVAJse9+IO4BAUVLE3xMJGu5+inwvj4ver3W0b/tv7PMPe5EqZtYE5hFv6CiMxVPkOEk7t36jwAn4/r0D6++9+2YP0InkYc7rIq8ieVUqKAdtCjgGXz554tVt5XJpB0bJFZ2sqhzpJHybWY1uNwssIOzc3r7yxvFXWoGqq3RxoqarcjlM/rvUGDCw9tLR51rBwihFnEjNcRunDdlikom1NeaxAP/QwX3X2tq2KtnZKTrFq1c2rSFx5bxubmpqPnbkWVd4U6ikXheaSdEaBRZw+6nhg+a8NBdmqxVaoZw4VZejztOQ/bunf1fo2qAAD2XIFFHDi3nPIYtynQ63UZvq3dkDKG4uyrln5sSeuZnU6wcLtdrb2xgY6DOwppTroqJJy6ilOd4o8DzQDPDM08MtwGq0u3OnyLFZXtkPIK5FYNXAO3xocC3VtMKaHlxQeJxejXI8H/VkSk8O7qs6BM/NafkqlR1Gkgllgx4rISm51tzuwe5dPeH+wcctnskcyfm+HA+AtslQu5SLr1vASkKfB6+9fCTjpaghOXcQNVyrbxZ2LL149HnKpVKdcqFCw2i8VgfAncwuZYDuHR329luvl1xCZUcPS8JcuDwz0yauv+LZyiLzzSz0zPTOyeNBR2cFpKaIQuXnEqX9WZssIP8AM64teoV673V1Vfjq9AeUyiVHpnkOJZkApYhf20SobzjgMK+SKNRAYMDI8AF9f+aT6tbWlhBUBhmGxWXVwHO/MUnD98nZy5n08QrCqvmPEgqmpm5x+stv+PSzM/iBXwZrQqoqbZvVuwEvAdeBVScoq51f7m1hKKamZ/jx54ucu3DJfrtylb+vT9rM9OxDmK2bpKHCO/G/hWyeUwhzqY7XQV7RcQSU0VkkdYH+B/UXvd/2NCRHAAAAAElFTkSuQmCC") !important;
  background-position: left bottom,30px bottom,right bottom !important;
  background-repeat: no-repeat !important;
  background-size: 30px 100%,calc(100% - (2 * 30px)) 100%,30px 100% !important;
}
#tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] ~ .tabbrowser-tab:not([visuallyselected="true"]) .tab-stack > .tab-background {
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUfEgAy8w852AAAA7pJREFUSMells1rXGUUxn/PvTdJi00yme+kTpopSRsbk9A206QIBVEXoYJaS+kHqBAVqws3/hMKbkREwVWgrkT/APdiceXOlYKom25sUautk+Pivu/c985kmpnkheF+zLnnOec5zznvq0JjDTNDEr3L3FU9NtlzZgOm9Io3jMCEEaXGnf9Jsg93A5VH6YDc+fl2zspDV5obAgmIzEySYjMbkxg3OCIYxUgQMrM4ASFZVwYKXLogzVK/QTwCys0NZTFYjBFLFIDSyRPHC1cubRZaZ1bGZ+rl0dJUYXQkSXTo8KEo8d+kLAZeM05dHAGaW+Xmuhw5MVKEMYFUuXxpc/qdrWvTS4vzj0VR9A/wL/AXcM+B7CSZc+2CK5B1aupCTEHnzrlbxYgYqJXKxaPbn73fXF9bHRP8GQD1rCSXhZQFkati8CqshKspMH3qifnHv9z+aL5WKd0H7tBfPAGwc57WORCXA/Fse0BHscwsllSamakd/erWx/OV4tQ94MFeoBmwy7KnPWR48eW6K7WPJEYwK936/MO5SnHq7qCgWTupS0shkPKNU26uCyHMIqTqe+++3lg5tfDACWggUAesnH1ukMjyvjINRMiSJInrW69cngL+AHYYYiVZAcP0AgWZZe8kn60QhVdvvDxRLRfvO1AbBjhK1aS+Ewsp38fGDtJD0O8vXnxmwlHsgQf+5fs4NwTVeZcmbSjIanJynLOnl34FJobN1g3x7kHVRbkbpeowlN48v/n0c2MjI9/tJ1uXcV7VPXuU8o2cBmacb53+pmsLYzhxdcMp2Pbo0ZsTvTg5f8w/7BPYM9upczgilS97IMC52QYHy9gH7a5mvpe7lW0AbRALC3MUi5MHAo7yVKv3JJLt0ZHv6QtPtUKLX/YjrijXPoGS84nIDxAAzp1dDlXx0z5VDf335PBBO/75zPJSv8PZPqju1DocJOrJfGV5kePHGt1+fvOZmNmAVHfsdgMKJZ2+v/LSJuoZOxndkgakuudY6wdGjmbASOKYFy4+yyOOpcNQvUtA+Y0j9m5vvnGdmXqln69vhxJX1rcdgQV8G6A2ZlSqJd7eukG068G/s/4GDg+UsdwsdqdIuYEcAyM+6ziJ2f70A2q10l7+fhiij80fq2N3FNpBtMEegjE+cYSvv/iE9dYqGqx8t4G7e4vLAMkMa8uNxFRICTffvM5br12lXq8OCurXj+7aesSsTqmu1srMNqZ5cvEEG61VLpxfo16rEEXiAOv7fuD6r93uyiYdJnuI6KBr9n+7waE8jWn8yQAAAABJRU5ErkJggg=="),
    url(chrome://browser/skin/tabbrowser/tab-background-middle.png),
    url(chrome://browser/skin/tabbrowser/tab-background-end.png) !important;
}
#tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] ~ .tabbrowser-tab[last-visible-tab][beforehovered]:not([visuallyselected="true"]) .tab-stack > .tab-background {
  background-image:
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUfEgAy8w852AAAA7pJREFUSMells1rXGUUxn/PvTdJi00yme+kTpopSRsbk9A206QIBVEXoYJaS+kHqBAVqws3/hMKbkREwVWgrkT/APdiceXOlYKom25sUautk+Pivu/c985kmpnkheF+zLnnOec5zznvq0JjDTNDEr3L3FU9NtlzZgOm9Io3jMCEEaXGnf9Jsg93A5VH6YDc+fl2zspDV5obAgmIzEySYjMbkxg3OCIYxUgQMrM4ASFZVwYKXLogzVK/QTwCys0NZTFYjBFLFIDSyRPHC1cubRZaZ1bGZ+rl0dJUYXQkSXTo8KEo8d+kLAZeM05dHAGaW+Xmuhw5MVKEMYFUuXxpc/qdrWvTS4vzj0VR9A/wL/AXcM+B7CSZc+2CK5B1aupCTEHnzrlbxYgYqJXKxaPbn73fXF9bHRP8GQD1rCSXhZQFkati8CqshKspMH3qifnHv9z+aL5WKd0H7tBfPAGwc57WORCXA/Fse0BHscwsllSamakd/erWx/OV4tQ94MFeoBmwy7KnPWR48eW6K7WPJEYwK936/MO5SnHq7qCgWTupS0shkPKNU26uCyHMIqTqe+++3lg5tfDACWggUAesnH1ukMjyvjINRMiSJInrW69cngL+AHYYYiVZAcP0AgWZZe8kn60QhVdvvDxRLRfvO1AbBjhK1aS+Ewsp38fGDtJD0O8vXnxmwlHsgQf+5fs4NwTVeZcmbSjIanJynLOnl34FJobN1g3x7kHVRbkbpeowlN48v/n0c2MjI9/tJ1uXcV7VPXuU8o2cBmacb53+pmsLYzhxdcMp2Pbo0ZsTvTg5f8w/7BPYM9upczgilS97IMC52QYHy9gH7a5mvpe7lW0AbRALC3MUi5MHAo7yVKv3JJLt0ZHv6QtPtUKLX/YjrijXPoGS84nIDxAAzp1dDlXx0z5VDf335PBBO/75zPJSv8PZPqju1DocJOrJfGV5kePHGt1+fvOZmNmAVHfsdgMKJZ2+v/LSJuoZOxndkgakuudY6wdGjmbASOKYFy4+yyOOpcNQvUtA+Y0j9m5vvnGdmXqln69vhxJX1rcdgQV8G6A2ZlSqJd7eukG068G/s/4GDg+UsdwsdqdIuYEcAyM+6ziJ2f70A2q10l7+fhiij80fq2N3FNpBtMEegjE+cYSvv/iE9dYqGqx8t4G7e4vLAMkMa8uNxFRICTffvM5br12lXq8OCurXj+7aesSsTqmu1srMNqZ5cvEEG61VLpxfo16rEEXiAOv7fuD6r93uyiYdJnuI6KBr9n+7waE8jWn8yQAAAABJRU5ErkJggg=="),
    url(chrome://browser/skin/tabbrowser/tab-background-middle.png),
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gUfEQoDWnhvMQAABCVJREFUSMell91rHGUUxn9ndmMqpInNNkmNpE1KQrUlLbVJExEE0ZvSiorihYV6UaXojTeC/4PgnR9FFERIFZF4Wa/1wtYWoUWhVCHV2iZpEhOTpvnYmXm8mHc+d9sm2wPD7s688z7vOc9zPtYe6Rl6GAAEmJCEEYIJCEkeuufI3bJoqRmxpb/TNUWL15QlDZpZgBCGL1g3uC1pyczWJAVmJrAQYGbivLJbx9bRNxKBSpAcRnXBQVjV90+trqyGVd/X3PzC+s2p2fULv15e+nb87MLVPyYWQHOIBYwALIgxZyfOSek+dOwedaCxp1lQZSIUPTff918APLeqBJSB5jAMt/x+5c/lj7/4evK78bOTSDOYLSKF0SEi71OPRwusFEOd996CIDhGfTNgi6Dl/MVLaydOvT8xNzd/A5gGAlCAYPbaLwKo9B6OXjLq8xtT4D49d5R6VwjcMZgZHToQ/PTD2J69T/TvBB6NImSWjaSZOWHZ3UEz5/G4vwlY7uqoLI6PfdTf3d31GFCRVAJse9+IO4BAUVLE3xMJGu5+inwvj4ver3W0b/tv7PMPe5EqZtYE5hFv6CiMxVPkOEk7t36jwAn4/r0D6++9+2YP0InkYc7rIq8ieVUqKAdtCjgGXz554tVt5XJpB0bJFZ2sqhzpJHybWY1uNwssIOzc3r7yxvFXWoGqq3RxoqarcjlM/rvUGDCw9tLR51rBwihFnEjNcRunDdlikom1NeaxAP/QwX3X2tq2KtnZKTrFq1c2rSFx5bxubmpqPnbkWVd4U6ikXheaSdEaBRZw+6nhg+a8NBdmqxVaoZw4VZejztOQ/bunf1fo2qAAD2XIFFHDi3nPIYtynQ63UZvq3dkDKG4uyrln5sSeuZnU6wcLtdrb2xgY6DOwppTroqJJy6ilOd4o8DzQDPDM08MtwGq0u3OnyLFZXtkPIK5FYNXAO3xocC3VtMKaHlxQeJxejXI8H/VkSk8O7qs6BM/NafkqlR1Gkgllgx4rISm51tzuwe5dPeH+wcctnskcyfm+HA+AtslQu5SLr1vASkKfB6+9fCTjpaghOXcQNVyrbxZ2LL149HnKpVKdcqFCw2i8VgfAncwuZYDuHR329luvl1xCZUcPS8JcuDwz0yauv+LZyiLzzSz0zPTOyeNBR2cFpKaIQuXnEqX9WZssIP8AM64teoV673V1Vfjq9AeUyiVHpnkOJZkApYhf20SobzjgMK+SKNRAYMDI8AF9f+aT6tbWlhBUBhmGxWXVwHO/MUnD98nZy5n08QrCqvmPEgqmpm5x+stv+PSzM/iBXwZrQqoqbZvVuwEvAdeBVScoq51f7m1hKKamZ/jx54ucu3DJfrtylb+vT9rM9OxDmK2bpKHCO/G/hWyeUwhzqY7XQV7RcQSU0VkkdYH+B/UXvd/2NCRHAAAAAElFTkSuQmCC") !important; }
.tabbrowser-tab:not([visuallyselected="true"]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected="true"]):not([beforehovered]):not(:hover)::after {
  background-image: none !important;
}

Стилями большего не сделать, но, наверняка, какой-нибудь аддон есть, который вовсе прокрутку убирает и сжимает вкладки до бесполезного рамера. Но это вопрос для темы Ищу расширение для Firefox (ищу дополнение)

Хотя я не понимаю пользы такого сжатия, что ни иконок, ни другой информации, позволяющей идентифицировать вкладку, не видно. Какая тогда разница? Что она под прокрутку уходит, что неизвестно что видно - все одно, пользы нет.

Отредактировано turbot (22-07-2015 02:28:41)

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

№121-07-2015 23:43:32