Могу ли я создать вертикальные вкладки, используя {.tabset} и таблицу стилей CSS в Rmarkdown? - PullRequest
Новая
       3

Могу ли я создать вертикальные вкладки, используя {.tabset} и таблицу стилей CSS в Rmarkdown?

1 голос
/ 23 марта 2020

У меня есть отчет с несколькими вкладками в Rmarkdown, и я пытаюсь выяснить, как сделать вертикальные вкладки, которые отображаются в левой части экрана, с содержимым с вкладками, заполняющим остальную часть экрана (как в этом простом примере : https://www.w3schools.com/howto/howto_js_vertical_tabs.asp).

Мне удалось настроить выравнивание вкладок по вертикали, используя этот код в моей таблице стилей css: 

.tab {
    float: left;
    width: 15%;
    height: 100%;
}

и этот код в моем Rmd сделать c: 

## {.tabset .tabset-pills .tab}

### Section 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

### Section 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

, но он форматирует заголовки и тело с помощью .tab, а не только заголовки.

Мне удалось отформатировать тело так, как я хочу, с помощью этой проблемы github: https://github.com/rstudio/rmarkdown/issues/896, используя этот css код: 

.tabcontent .tab-content {
    float: left;
    padding: 0px 12px;
    height: 100%;
    width: 85%;
}

и этот код Rmarkdown: 

## {.tabset .tabset-pills .tabcontent}

### Section 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

### Section 2
Ut porttitor leo a diam. Auctor neque vitae tempus quam pellentesque nec nam.

Есть ли какой-то элемент, под которым я могу редактировать фактические вкладки, как для содержимого вкладок с .tab-content?

...