midou/invidious
1
0
Fork 1
mirror of https://github.com/iv-org/invidious.git synced 2025-05-31 14:11:54 +05:30
Code Issues Packages Projects Releases Wiki Activity

Add margins to video panel elements

Browse Source
This commit is contained in:
broquemonsieur
2023-07-05 00:26:01 -07:00
parent 0e2fefe1e9
commit bfa9f77441
2 changed files with 68 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
assets/css/default.css
View File

@@ -761,16 +761,54 @@ h1, h2, h3, h4, h5, p,
}
div.compilation-video-panel {
padding: 28.125%;
display:flex;
justify-content:flex-start;
width:calc(100% - 20px);
height:100px;
border:1px solid #f0f0f0;
margin: 10px;
/*background: #d9d9d9;*/
}
div.compilation-order-swap-arrows {
display:flex;
flex-direction:column;
justify-content:space-between;
}
svg.compilation-video-swap-arrow {
border: solid black;
width:20px;
height:50%;
background-color: beige;
margin: 10px;
}
div.compilation-video-input-panel {
display:flex;
flex-direction:column;
min-width: 0;
margin: 10px;
}
div.compilation-video-title {
display:flex;
justify-content:flex-start;
}
span.compilation-video-title {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
div.compilation-video-timestamps {
display:flex;
justify-content: flex-start;
}
div.compilation-video-thumbnail {
position: relative;
box-sizing: border-box;
}
img.compilation-video-panel {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
}