Как увеличить количество ярлыков на Начальной странице?

Pif144 · №1

Windows 10 установлен 89.0.2 (64-битный). В настройках выбрал 4 строки по 8 ярлыков и того 32 ярлыка на Начальной странице но, на моём 27" 2560x1440 мониторе легко помещаются 5 строк по 12 ярлыков. Подскажите как увеличить количество ярлыко в строке и количество самих строк на Начальной странице. Спасибо.

Отредактировано Pif144 (14-07-2021 00:10:56)

harryk · №2

Pif144 пишет

легко помещаются 5 строк

browser.newtabpage.activity-stream.topSitesRows = 5

Pif144 · №3

harryk пишет

browser.newtabpage.activity-stream.topSitesRows = 5

Спасибо мил человек. Вот бы ещё количество ярлыков в строке увеличить, хотя бы до 10.

sandro79 · №4

Pif144 пишет

Вот бы ещё количество ярлыков в строке увеличить, хотя бы до 10

Это можно сделать css-стилем, как здесь когда-то размер плиток меняли.
Код будет такой

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

Выделить код

Код:

@-moz-document url("about:newtab"), url("about:home") {
.ds-outer-wrapper-breakpoint-override main {
	width: 100% !important;
}
}

Можно вместо 100% использовать для подбора пространства под плитки пиксели, начиная примерно с тех же 1500px.
Стандартная ширина под плитки ограничена в activity-stream.css [firefox]

всего в 986px

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

Выделить код

Код:

@media (min-width: 610px) {
  .ds-outer-wrapper-breakpoint-override main {
    width: 510px;
  }
}
@media (min-width: 866px) {
  .ds-outer-wrapper-breakpoint-override main {
    width: 746px;
  }
}
@media (min-width: 1122px) {
  .ds-outer-wrapper-breakpoint-override main {
    width: 986px;
  }
}

Отредактировано sandro79 (12-07-2021 10:13:41)

sonyas75 · №5

sandro79
офигенно! поставил 6 рядов и 95% - прям как хотелось. :beer: 1980х1920

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

https://ibb.co/m5HfRwF

Пандёнок · №6

Сделал у себя CSS-стилем 100%, тогда уменьшилось число строк. Увеличил в about:config число строк до 11, и теперь их фактически 6 (последняя неполная).

Добавлено 12-07-2021 15:17:56
sonyas75
Заметьте, ваши «6 рядов» тоже в 4 ряда уложились. :-)

Отредактировано Пандёнок (12-07-2021 15:17:56)

sonyas75 · №7

Пандёнок пишет

Заметьте, ваши «6 рядов» тоже в 4 ряда уложились.

ну да ))) главное прокрутки нет, в общем "суслик" получился, которого нет, но он есть я специально подбирал масштаб и кол-во строк, чтобы нижняя строка была заполнена ячейками, по-разному делал - 95+6 идеально

Отредактировано sonyas75 (12-07-2021 15:27:47)

Пандёнок · №8

sonyas75
Я пытался скрыть лишние значки стилем, но у меня не получилось — ну не спец я в стилях!
Зато обнаружил неожиданный побочный эффект увеличения ширины: оказывается, [firefox] не умеет переносить меню раздела новой вкладки (то, которое появляется при щелчке по "…") влево в том случае, когда справа для него не хватает места. :dumb: Подобрал 85% — в таком случае на мониторе 1920х1080 оборвана только одна строка того меню: «Добавить поисковую сис…».

Добавлено 12-07-2021 16:18:14
Наконец, я тоже подобрал всё красиво: 85% и 9 «строк» (фактически у меня 6 строк). Полоса прокрутки есть, но за пределы экрана ярлыки не вылезают.
[firefox] считает 1 строка = 8 ярлычков.

Добавлено 12-07-2021 16:25:59

sandro79 пишет

как здесь когда-то размер плиток меняли

А размер плиток меняется с помощью масштаба, ровно так же, как масштаб любого сайта.

Отредактировано Пандёнок (12-07-2021 16:37:24)

sandro79 · №9

sonyas75 пишет

офигенно! поставил 6 рядов и 95% - прям как хотелось

:beer:

Пандёнок пишет

А размер плиток меняется с помощью масштаба, ровно так же, как масштаб любого сайта.

Да, я знаю. Меня такой метод не устраивает.
А чтоб меню раздела новой вкладки (то, которое появляется при щелчке по "…") открывалось влево, я делал фикс, второе правило.
В 89+ меню раздела нет вообще, только меню плиток осталось и его менюшки тоже "пересчитывать" придётся, оно того в принципе не стоит.
Я-то сделал себе для 89+, но это уже совсем другой вариант. И с плитками обычного размера ещё есть.
Для меню раздела в 78 можно добавить в код перед последней скобкой кусок из второго правила

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

Выделить код

Код:

.collapsible-section .section-top-bar .context-menu {
	margin-inline-end: 5px !important;
	margin-inline-start: auto !important;
	inset-inline-end: 0 !important;
	inset-inline-start: auto !important;
}

Отредактировано sandro79 (12-07-2021 17:58:27)

Пандёнок · №10

sandro79

sandro79 пишет

В 89+ меню раздела нет вообще, только меню плиток осталось и его менюшки тоже "пересчитывать" придётся, оно того в принципе не стоит.
Я-то сделал себе для 89+, но это уже совсем другой вариант. И с плитками обычного размера ещё есть.

[firefox] 78esr у меня не будет жить вечно, у меня уже 89 параллельно с ним стоит — чтобы подглядывать в будущее и помогать другим разобраться с ним.
Вот как выйдет 91esr и как я его к своим хотелкам приспособлю — так и свалю с [firefox] 78esr. Так что 89+ тоже меня интересует.
Что из всего этого многообразия правил по ссылкам относится именно к тому, чтобы меню плиток автоматически сдвигалось на свободное место?

Отредактировано Пандёнок (12-07-2021 19:24:21)

sandro79 · №11

Пандёнок пишет

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

В самом низу правило. Но это для варианта с восемью крупными плитками в строке

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

Выделить код

Код:

@media (max-width: 1880px) {
.top-sites-list :nth-child(8n) .context-menu,
.sections-list .section-list :nth-child(4n) .context-menu {
	margin-inline-end: 1px !important;
	inset-inline-end: 0 !important;
	inset-inline-start: auto !important;
} 
}

Для большего кол-ва, хоть и маленьких, нужно будет переделывать, вычисляя :nth-child крайних плиток
chrome://activity-stream/content/css/activity-stream.css

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

Выделить код

Код:

@media (max-width: 610px) {
  .top-sites-list > :nth-child(2n+1) .context-menu {
    margin-inline-end: auto;
    margin-inline-start: auto;
    inset-inline-end: auto;
    inset-inline-start: -32px;
  }
  .top-sites-list > :nth-child(2n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 610px) and (max-width: 866px) {
  .top-sites-list :nth-child(4n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 610px) and (max-width: 834px) {
  .top-sites-list :nth-child(4n+3) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 866px) and (max-width: 1314px) {
  .top-sites-list :nth-child(6n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 866px) and (max-width: 1090px) {
  .top-sites-list :nth-child(6n+5) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 1122px) and (max-width: 1570px) {
  .top-sites-list :nth-child(8n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 1122px) and (max-width: 1346px) {
  .top-sites-list :nth-child(8n+7) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}

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

Выделить код

Код:

@media (max-width: 610px) {
  .sections-list .section-list .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 610px) and (max-width: 866px) {
  .sections-list .section-list :nth-child(2n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 866px) and (max-width: 1314px) {
  .sections-list .section-list :nth-child(3n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}
@media (min-width: 1122px) and (max-width: 1570px) {
  .sections-list .section-list :nth-child(3n) .context-menu,
.sections-list .section-list :nth-child(4n) .context-menu {
    margin-inline-end: 5px;
    margin-inline-start: auto;
    inset-inline-end: 0;
    inset-inline-start: auto;
  }
}

Отредактировано sandro79 (12-07-2021 19:53:34)

Пандёнок · №12

sandro79 пишет

В самом низу правило.

Внизу чего? Короче, я ничего не понял.

sandro79 · №13

Пандёнок пишет

Внизу чего?

Внизу "всего этого многообразия правил"

Пандёнок · №14

Получилось! Говорят же, что при должном старании можно даже ежа выдрессировать!

Код

Выделить код

Код:

/* Количество ярлыков в строке на новой вкладке увеличить */
@-moz-document url("about:newtab"), url("about:home") {
.ds-outer-wrapper-breakpoint-override main {
	width: 95% !important;
}
/* …и чтобы меню «…» при этом помещалось (код для 14 ярлыков в ряду) */
.top-sites-list :nth-child(14n) .context-menu,
.sections-list .section-list :nth-child(7n) .context-menu {
	margin-inline-end: 1px !important;
	inset-inline-end: 0 !important;
	inset-inline-start: auto !important;
} 
}

Отредактировано Пандёнок (13-07-2021 19:29:22)

Sergeys · №15

В соответствующую тему.

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

№111-07-2021 16:32:48