LINUX.ORG.RU

firefox reader view max-width

 


0

2

Доброго времени суток!

С 38-й версии FF добавил “режим для чтения”, чтобы много текста с экрана было читать удобнее. Так уж у них получилось, что ширину блока с текстом они задали жёстко в 30em. Нагуглить по этому поводу получилось очень мало, пару сообщений в багзилле и всё на этом. Получается, что даже на моём скромном экране это выглядит так: 1366px ширина монитора, а ширина блока с текстом — 600px. Как-то не экономно и неудобно (я понимаю, что они там по количеству символов старались ширину подобрать).

Так вот вопрос — а как мне изменить это всё? В about:config это не настраивается, только размер шрифта. Нашёл откуда FF берёт эти настройки, это файл — chrome://global/skin/aboutReader.css

Насколько я понял, я его просто так не найду, потому решил попробовать перезаписать стили. Создал в каталоге .mozilla/firefox/*.default/Chrome файл aboutReader.css с нужным:

#container {
  max-width: 80% !important;
}
но это не помогло. Я так понимаю, нужно создать UserContent.css и в нём это указать, но тогда на всех сайтах блоки с id=container будут в 80%, а этого мне не хочется. Но и reader view не открывает страницу как-то по-другому, чтобы можно было опираться на @-moz-document domain(YOUR.DOMAIN)

Ответ на: комментарий от liaonau

Тоже нет. Да и префикса же никакого нет. В том и проблема, нужно как-то достать оригинальный aboutReader.css, иного выхода, видимо, просто нет

conformist ★★★
() автор топика
Ответ на: комментарий от liaonau

хм, тоже задавался этим вопросом и вроде твой вариант прокатывает
пока проверил только на одном сайте...

yrii
()
Ответ на: комментарий от conformist

У меня работает на андроиде @-moz-document url-prefix(«about:reader»). На десктопе у меня в pentadactyl

style -name pentadactyl_about_reader '^about:reader\?url=.*' <<EOM
#container
{
    width:       1200px  !important;
    max-width:   1200px  !important;
    text-align:  justify !important;
    font-size:   22px    !important;
}
.entry-content
{
    line-height: 1.5em   !important;
}
#reader-header
{
    margin: auto !important;
}
EOM
autocmd LocationChange '.*' :silent set jumptags&
autocmd LocationChange '^about:reader\?url=.*' :silent set jumptags=p:'p,table,ul:not(#style-dropdown):not(#reader-toolbar),ol,blockquote',h:'h1,h2,h3,h4,h5,h6'

liaonau
()
Ответ на: комментарий от conformist

На лоре, например, не работает

Проверил на десктопе на лоре. Работает. Вангую, что у тебя где-то опечатка, наверное. У меня, например, как-то минут 20 заняло понять, что мой стиль не работает потому, что я написал @moz-document забыв дефис.

liaonau
()
Ответ на: комментарий от conformist

на oper.ru
писал всё в файл userContent.css
если просто так:

#container {
    max-width: 1700px!important;
  }
то да, страница станет широкой, если так:
@-moz-document url-prefix("about:reader") {
#container {
    max-width: 1700px!important;
  }
}
то страница будет стандартной, а в режиме чтения широкой

yrii
()
Ответ на: комментарий от liaonau

Странно, тут опять же фигурирует отбор по ^about..., но ведь адрес не меняется. Может в pentadactyl/vimperator это и проходит, то без них — увы.

conformist ★★★
() автор топика
Ответ на: комментарий от conformist

но ведь адрес не меняется

Вот с чего вдруг такое утверждение? Если адрес был ADRESS, то становится about:reader?url=ADRESS

liaonau
()
Ответ на: комментарий от liaonau

FF 39 — адресная строка вообще без изменений. Крайне редко на некоторых сайтах меняется title на about:reader? и далее, но не адресная строка. И метод от yrii у меня тоже не работает, пробовал на сайте oper.ru, как и он.

conformist ★★★
() автор топика
Ответ на: комментарий от conformist

адресная строка вообще без изменений

Ну и что. Как говорится на заборе всякое написано, а там дрова. Адресная строка не изменяется для красоты, а content.document.location.href — изменяется.

У тебя просто не цепляются правила из-за опечатки, или из-за того что ты пишешь их не в тот файл и т.п. А вообще установка дополнения Stylish обычно упрощает управление своими стилями.

liaonau
()
Ответ на: комментарий от liaonau

Ну, если мы будем говорить о сторонних расширениях — то другое дело, вариантов масса. А пока обсуждаем нативное.

$ cat ~/.mozilla/firefox/rk2fngru.default/Chrome/userContent.css 
@-moz-document url-prefix("about:reader") {
	#container {
    		max-width: 80% !important;
	}
}

conformist ★★★
() автор топика
Ответ на: комментарий от conformist

Я не знаю что означают квадратные скобки в имени файла, но вроде бы как регистр важен: chrome/userContent.css, а не Chrome/UserContent.css ☺

liaonau
()
Ответ на: комментарий от liaonau

Вот, переименовал Chrome в chrome и заработало :) А назвал так по мануалу отсюда Спасибо всем, вопрос решён.

conformist ★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.