1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-08-07 14:23:53 +00:00

Give link panels rounded corners

The idea is that the rounded corners help the video preview to look
like a video preview.
This commit is contained in:
Jermolene 2015-04-16 18:34:42 +01:00
parent f44bf1e458
commit 8d231f4a9f

View File

@ -1704,7 +1704,7 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
.tc-thumbnail-wrapper { .tc-thumbnail-wrapper {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin: 2px; margin: 6px;
vertical-align: top; vertical-align: top;
} }
@ -1716,6 +1716,7 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
.tc-thumbnail-image { .tc-thumbnail-image {
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
border-radius: 3px;
} }
.tc-thumbnail-image svg, .tc-thumbnail-image svg,
@ -1734,6 +1735,7 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
.tc-thumbnail-background { .tc-thumbnail-background {
position: absolute; position: absolute;
border-radius: 3px;
} }
.tc-thumbnail-icon svg, .tc-thumbnail-icon svg,
@ -1771,6 +1773,8 @@ body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg
filter: alpha(opacity=0.9); filter: alpha(opacity=0.9);
opacity: 0.9; opacity: 0.9;
line-height: 1.4; line-height: 1.4;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
} }
.tc-thumbnail-wrapper:hover .tc-thumbnail-caption { .tc-thumbnail-wrapper:hover .tc-thumbnail-caption {