Skip to content

Commit 4491934

Browse files
authored
Updates from changelog (#1618)
* Add `page-inset` to table of column options * Typo + freeze * Mention `favicon` under logos on brand page * Add version shortcode to Guide sidebar * Add example of .active class on tabsets
1 parent 11a57a2 commit 4491934

File tree

5 files changed

+37
-14
lines changed

5 files changed

+37
-14
lines changed

_freeze/docs/authoring/article-layout/execute-results/html.json

Lines changed: 2 additions & 2 deletions
Large diffs are not rendered by default.

_quarto.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -134,6 +134,8 @@ website:
134134
href: docs/authoring/lipsum.qmd
135135
- text: "Rearrange Contents"
136136
href: docs/authoring/contents.qmd
137+
- text: "Quarto Version"
138+
href: docs/authoring/version.qmd
137139
- docs/authoring/videos.qmd
138140
- text: "Embeds"
139141
href: docs/authoring/notebook-embed.qmd

docs/authoring/article-layout.qmd

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -418,7 +418,8 @@ Here are all of the available column specifiers:
418418
| | column: body-outset-left | .column-body-outset-left |
419419
| | column: body-outset-right | .column-body-outset-right |
420420
+--------------+---------------------------------+---------------------------------+
421-
| Page Inset | column: page-inset-left | .column-page-inset-left |
421+
| Page Inset | column: page-inset | .column-page-inset |
422+
| | column: page-inset-left | .column-page-inset-left |
422423
| | column: page-inset-right | .column-page-inset-right |
423424
+--------------+---------------------------------+---------------------------------+
424425
| Page | column: page | .column-page |

docs/authoring/brand.qmd

Lines changed: 13 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -183,17 +183,19 @@ logo:
183183

184184
You don't need to specify all three---Quarto will use what you provide based on the following preferences:
185185

186-
+----------------------+----------------------------------------------+-------------------------------+
187-
| Format | Location | Logo Preference (high to low) |
188-
+======================+==============================================+===============================+
189-
| `html`/`dashboard` | Top navigation bar | `small`\> `medium`\>`large` |
190-
+----------------------+----------------------------------------------+-------------------------------+
191-
| `html` | Side navigation | `medium`\>`small`\>`large` |
192-
+----------------------+----------------------------------------------+-------------------------------+
193-
| `typst` | Top left, control with `format: typst: logo` | `medium`\>`small`\>`large` |
194-
+----------------------+----------------------------------------------+-------------------------------+
195-
| `revealjs` | Bottom right corner of slides | `medium`\>`small`\>`large` |
196-
+----------------------+----------------------------------------------+-------------------------------+
186+
+---------------------------+----------------------------------------------+-------------------------------+
187+
| Format | Location | Logo Preference (high to low) |
188+
+===========================+==============================================+===============================+
189+
| `html`/`dashboard` | Top navigation bar | `small`\> `medium`\>`large` |
190+
+---------------------------+----------------------------------------------+-------------------------------+
191+
| `html` | Side navigation | `medium`\>`small`\>`large` |
192+
+---------------------------+----------------------------------------------+-------------------------------+
193+
| `typst` | Top left, control with `format: typst: logo` | `medium`\>`small`\>`large` |
194+
+---------------------------+----------------------------------------------+-------------------------------+
195+
| `revealjs` | Bottom right corner of slides | `medium`\>`small`\>`large` |
196+
+---------------------------+----------------------------------------------+-------------------------------+
197+
| `website`/`book` project | `favicon` shown in browser tab | `small` |
198+
+---------------------------+----------------------------------------------+-------------------------------+
197199

198200
You can also specify named logos under `images` which you can reference in `small`, `medium` and `large`. In particular, this allows you to set alternative text for your logos using `alt`:
199201

docs/output-formats/html-basics.qmd

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -275,6 +275,24 @@ Tab content
275275
:::
276276
```
277277

278+
### Active Tabset
279+
280+
By default the first tab in the tabset will be active when a page loads.
281+
To have a different tab active on page load, add the `.active` class to the tab heading.
282+
For example, here the "Python" tab will be active on page load:
283+
284+
```markdown
285+
::: {.panel-tabset}
286+
## R
287+
288+
Tab content
289+
290+
## Python {.active}
291+
292+
Tab content
293+
:::
294+
```
295+
278296
## Self Contained
279297

280298
HTML documents typically have a number of external dependencies (e.g. images, CSS style sheets, JavaScript, etc.). By default these dependencies are placed in a `_files` directory alongside your document. For example, if you render `report.qmd` to HTML:

0 commit comments

Comments
 (0)