1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-09-26 14:18:21 +00:00

Better margin and style handling for youtube macro

This commit is contained in:
Jermolene 2015-03-22 19:52:09 +00:00
parent 171e6fcc92
commit 66f4faaef4
3 changed files with 12 additions and 4 deletions

View File

@ -16,3 +16,9 @@ $caption$
</div>
</$link>
\end
\define youtube-right-thumbnail(link,width:"280",height:"157",image,caption)
<div class="tc-youtube-right-wrapper">
<<youtube-thumbnail """$link$""" """$width$""" """$height$""" """$image$""" """$caption$""">>
</div>
\end

View File

@ -7,9 +7,7 @@ type: text/vnd.tiddlywiki
Welcome to ~TiddlyWiki, a versatile note-taking web application you can download for free, store wherever you like and customise however you wish. Use it to capture, organise and share your notes in ways that word processors and other note-taking tools cannot.
<div style="float:right;">
<<youtube-thumbnail link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki">>
</div>
<<youtube-right-thumbnail link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki">>
~TiddlyWiki is designed to be non-linear, structuring content with stories, tags, hyperlinks, and other features. You can organise and retrieve your notes in ways that conform to your personal thought patterns, rather than feel chained to one preset organisational structure.

View File

@ -1655,7 +1655,11 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
position: relative;
display: inline-block;
border: 1px solid <<colour muted-foreground>>;
margin: 0.5em;
}
.tc-youtube-right-wrapper {
float:right;
margin: 0.5em 0 0.5em 0.5em;
}
.tc-youtube-thumbnail svg,