Не показывать, читать документ Сфинкс TO C в узком Windows - PullRequest
0 голосов
/ 20 января 2020

При узком окне полное окно «Чтение документов» отображает содержимое, но когда оно расширяется, оглавление отображается в виде боковой панели, а содержимое составляет менее половины ширины окна. Как изменить настройку, чтобы перед отображением TO C окно стало шире?

Я ожидаю, что framework с таблицей стилей, ссылкой на conf.py и пользовательским макетом будет работать с соответствующей css в таблице стилей source/_static. Изменение:

.wy-nav-content {
    max-width: 1200px !important;
}

Я предполагаю, что это включает в себя тестирование, если ширина экрана меньше определенного значения, а затем установить display_toc в false. Что-то вроде:

/* Set to display toc */
body {
  display_toc: true;
}

/* On narrow screens, set don't display toc */
@media screen and (max-width: 959px) {
  body {
    display_toc: false;
  }
}

1 Ответ

0 голосов
/ 14 февраля 2020

Тема sphinx_rtd_theme версии 0.4.3 . css поддерживает:

  • небольшой экран с максимальной шириной: 480px
  • средний экран с max-width: 768px
  • и более крупные экраны

Я извлек код @media screen and (max-width: 768px) и добавил его с новой шириной, как показано ниже. (Я не знаю css, поэтому может быть более эффективный код.)

После этого процесса поместите custom. css файл в Папка html_static_path (по умолчанию _stati c) с только необходимыми css, например,

@media screen and (max-width: 950px){
    .wy-body-for-nav{background:#fcfcfc}
    .wy-nav-top{display:block}
    .wy-nav-side{left:-300px}
    .wy-nav-side.shift{width:85%;left:0}
    .wy-side-scroll{width:auto}
    .wy-side-nav-search{width:auto}
    .wy-menu.wy-menu-vertical{width:auto}
    .wy-nav-content-wrap{margin-left:0}
    .wy-nav-content-wrap
    .wy-nav-content{padding:1.618em}
    .wy-nav-content-wrap.shift{position:fixed;min-width:100%;left:85%;top:0;height:100%;overflow:hidden}
}

Изменить conf.py для добавления html_css_files опция для custom. css:

html_css_files = ['custom.css']
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...