iv-org
/
invidious
mirror of https://github.com/iv-org/invidious.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Use text input for timestamp

This commit is contained in:
broquemonsieur 2023-07-07 16:49:17 -07:00
parent bfa9f77441
commit b95a4e8432
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored
View File

@ -7,4 +7,6 @@
/invidious /invidious
/sentry /sentry
/config/config.yml /config/config.yml
.DS_Store .DS_Store
docker-compose.yml
Dockerfile

11
assets/css/default.css
View File

@ -760,12 +760,17 @@ h1, h2, h3, h4, h5, p,
margin: 0 2px; margin: 0 2px;
} }
input.compilation-video-timestamp {
width: 50px;
height: 20px;
}
div.compilation-video-panel { div.compilation-video-panel {
display:flex; display:flex;
justify-content:flex-start; justify-content:flex-start;
width:calc(100% - 20px); width:calc(100% - 20px);
height:100px; height:100px;
border:1px solid #f0f0f0; border:2px solid #ccc;
margin: 10px; margin: 10px;
/*background: #d9d9d9;*/ /*background: #d9d9d9;*/
} }
@ -802,12 +807,12 @@ span.compilation-video-title {
overflow: hidden; overflow: hidden;
} }
div.compilation-video-timestamps { div.compilation-video-timestamp-set {
display:flex; display:flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center;
} }
div.compilation-video-thumbnail { div.compilation-video-thumbnail {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;

8
src/invidious/views/components/compilation_video.ecr
View File

@ -26,10 +26,10 @@
<div class="compilation-video-title"> <div class="compilation-video-title">
<span class="compilation-video-title" dir="auto"><%= HTML.escape(compilation_video.title) %></span> <span class="compilation-video-title" dir="auto"><%= HTML.escape(compilation_video.title) %></span>
</div> </div>
<div class="compilation-video-timestamps"> <div class="compilation-video-timestamp-set">
<p>from</p> <p style="margin-right:10px;">from</p>
<input value="00:00:00" type="time" step="1"> <input class="compilation-video-timestamp" placeholder="0:00" type="text">
<p>to</p> <p style="margin-right:10px;">to</p>
<input value="00:00:00" type="time" step="1"> <input value="00:00:00" type="time" step="1">
</div> </div>
</div> </div>