Add missing tooltips for video range icons

pull/312/head
ElementalAlchemist 2 years ago committed by Mike Lang
parent dd5d03e46d
commit d44bbe3440

@ -131,24 +131,28 @@
<input type="text" class="range-definition-start" /> <input type="text" class="range-definition-start" />
<img <img
src="images/pencil.png" src="images/pencil.png"
alt="Set range start point to current video time" alt="Set range start point to the current video time"
title="Set range start point to the current video time"
class="range-definition-set-start click" class="range-definition-set-start click"
/> />
<img <img
src="images/play_to.png" src="images/play_to.png"
alt="Play from start point" alt="Play from start point"
title="Play from start point"
class="range-definition-play-start click" class="range-definition-play-start click"
/> />
<div class="range-definition-between-time-gap"></div> <div class="range-definition-between-time-gap"></div>
<input type="text" class="range-definition-end" /> <input type="text" class="range-definition-end" />
<img <img
src="images/pencil.png" src="images/pencil.png"
alt="Set range end point to current video time" alt="Set range end point to the current video time"
title="Set range end point to the current video time"
class="range-definition-set-end click" class="range-definition-set-end click"
/> />
<img <img
src="images/play_to.png" src="images/play_to.png"
alt="Play from end point" alt="Play from end point"
title="Play from range end point"
class="range-definition-play-end click" class="range-definition-play-end click"
/> />
<div class="range-definition-icon-gap"></div> <div class="range-definition-icon-gap"></div>

@ -1243,12 +1243,14 @@ function rangeDefinitionDOM() {
rangeStart.classList.add("range-definition-start"); rangeStart.classList.add("range-definition-start");
const rangeStartSet = document.createElement("img"); const rangeStartSet = document.createElement("img");
rangeStartSet.src = "images/pencil.png"; rangeStartSet.src = "images/pencil.png";
rangeStartSet.alt = "Set range start point to current video time"; rangeStartSet.alt = "Set range start point to the current video time";
rangeStartSet.title = rangeStartSet.alt;
rangeStartSet.classList.add("range-definition-set-start"); rangeStartSet.classList.add("range-definition-set-start");
rangeStartSet.classList.add("click"); rangeStartSet.classList.add("click");
const rangeStartPlay = document.createElement("img"); const rangeStartPlay = document.createElement("img");
rangeStartPlay.src = "images/play_to.png"; rangeStartPlay.src = "images/play_to.png";
rangeStartPlay.alt = "Play from start point"; rangeStartPlay.alt = "Play from start point";
rangeStartPlay.title = rangeStartPlay.alt;
rangeStartPlay.classList.add("range-definition-play-start"); rangeStartPlay.classList.add("range-definition-play-start");
rangeStartPlay.classList.add("click"); rangeStartPlay.classList.add("click");
const rangeTimeGap = document.createElement("div"); const rangeTimeGap = document.createElement("div");
@ -1258,16 +1260,19 @@ function rangeDefinitionDOM() {
rangeEnd.classList.add("range-definition-end"); rangeEnd.classList.add("range-definition-end");
const rangeEndSet = document.createElement("img"); const rangeEndSet = document.createElement("img");
rangeEndSet.src = "images/pencil.png"; rangeEndSet.src = "images/pencil.png";
rangeEndSet.alt = "Set range end point to current video time"; rangeEndSet.alt = "Set range end point to the current video time";
rangeEndSet.title = rangeEndSet.alt;
rangeEndSet.classList.add("range-definition-set-end"); rangeEndSet.classList.add("range-definition-set-end");
rangeEndSet.classList.add("click"); rangeEndSet.classList.add("click");
const rangeEndPlay = document.createElement("img"); const rangeEndPlay = document.createElement("img");
rangeEndPlay.src = "images/play_to.png"; rangeEndPlay.src = "images/play_to.png";
rangeEndPlay.alt = "Play from end point"; rangeEndPlay.alt = "Play from end point";
rangeEndPlay.title = rangeEndPlay.alt;
rangeEndPlay.classList.add("range-definition-play-end"); rangeEndPlay.classList.add("range-definition-play-end");
rangeEndPlay.classList.add("click"); rangeEndPlay.classList.add("click");
const removeRange = document.createElement("img"); const removeRange = document.createElement("img");
removeRange.alt = "Remove range"; removeRange.alt = "Remove range";
removeRange.title = removeRange.alt;
removeRange.src = "images/minus.png"; removeRange.src = "images/minus.png";
removeRange.classList.add("range-definition-remove"); removeRange.classList.add("range-definition-remove");
removeRange.classList.add("click"); removeRange.classList.add("click");

Loading…
Cancel
Save