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:
parent
f44bf1e458
commit
8d231f4a9f
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user