asciidoctor увеличить ширину toc

Я переписываю документацию AssertJ в asciidoc и хочу увеличить ширину TOC и общая ширина содержимого (для заполнения пустой области)

Я заглянул в asciidoctor.css и обнаружил, что могу увеличить это свойство с ширины toc2 с 20 до 25em, но это испортит

  #toc.toc2 {
    /* initially 20em */
    width: 25em
  }

  #header,
  #content,
  #footnotes,
  #footer {
  width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    /* initially 75em,  increasing it to 100em does not play with toc when toc is increased */
    max-width: 100em;
    *zoom: 1;
    position: sticky;
    padding-left: .9375em;
    padding-right: .9375em
  }

Я доволен новой шириной оглавления, но проблема в том, что при уменьшении окна содержимое скрывается оглавлением, как показано на скриншоте :(

Я не веб-разработчик, я безуспешно пробовал несколько вещей, может помочь мне правильно настроить это или указать на хорошие ресурсы для этого?

введите здесь описание изображения


css asciidoctor
person Joel Costigliola    schedule 17.07.2019    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вам нужно изменить css в двух местах.

body.toc2 {
   padding-left: 26em;
}

#toc.toc2 {
    /* initially 20em */
    width: 25em;
}

Тот, что для тела, будет на 1em шире, чем вы хотите.

Результаты

Результаты

person Tarun Lalwani    schedule 20.07.2019