降低 flexdashboard/storyboard 中框架的高度

Question

我正在开发一个 flexdashboard/storyboard，我想在其中降低每个帧的高度。那可能吗？

示例代码:

---
title: "Flex"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
---

```{r setup, include=FALSE}
library(flexdashboard)
```
G1 {.storyboard}
===================================================

### Frame 1

Some text and code

### Frame 2

Some text and code

G2
===================================================

### Row 1

### Row 2

即删除空白区域，如下所示:

谢谢!

Answer 1

控件在 css 中。有两件事要改变——框的高度(第一个 css)和页面箭头的高度(第二个 css)。两者的“高度”变量都需要更改。

    ---
    title: "Flex"
    output: 
      flexdashboard::flex_dashboard:
        orientation: columns
        vertical_layout: fill
    ---

    ```{r setup, include=FALSE}
    library(flexdashboard)
    ```
    G1 {.storyboard}
    ===================================================

    ### Frame 1

    Some text and code

    ### Frame 2

    Some text and code

    G2
    ===================================================

    ### Row 1

    ### Row 2

    <style>

    .storyboard-nav .sbframelist {
        margin: 0 auto;
        width: 94%;
        height: 50px;
        overflow: hidden;
        text-shadow: none;
        margin-bottom: 8px;
    }

    .storyboard-nav .sbnext, .storyboard-nav .sbprev {
        float: left;
        width: 2%;
        height: 50px;
        font-size: 50px;
    }

    </style>