mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-16 16:14:43 -04:00
View mode wider (#271)
made some components wider in View Mode These objects include - `<img>` alone in a paragraph - `<codimd-youtube>` - `<codimd-vimeo>` - `<codimd-pdf>` This can be toggled via the `wider` prop in `MarkdownRenderer` Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de> Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
parent
0df90c1a2a
commit
937a2e9eb9
5 changed files with 45 additions and 4 deletions
|
@ -1,13 +1,26 @@
|
|||
@import '../../../../node_modules/github-markdown-css/github-markdown.css';
|
||||
|
||||
.markdown-body {
|
||||
max-width: 758px;
|
||||
font-family: 'Source Sans Pro', "twemoji", sans-serif;
|
||||
|
||||
.alert > p, .alert > ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// I know this is bad :( sry
|
||||
& > * {
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
&.wider {
|
||||
max-width: 1500px;
|
||||
|
||||
& > .wider-possible {
|
||||
max-width: 1500px;
|
||||
}
|
||||
}
|
||||
|
||||
a.heading-anchor {
|
||||
margin-left: -1.25em;
|
||||
font-size: 0.75em;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue