diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 954b309c..1759ba95 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -48,6 +48,12 @@ "noticeClosingMessage": { "message": "closes in 7s" }, + "reportButtonTitle": { + "message": "Report" + }, + "reportButtonInfo": { + "message": "Report this sponsor submission as incorrect." + }, "Dismiss": { "message": "Dismiss" }, diff --git a/content.css b/content.css index 074bca68..ac68fc27 100644 --- a/content.css +++ b/content.css @@ -178,7 +178,7 @@ } .voteButton { - height: 18px; + height: 17px; cursor: pointer; } .voteButton:hover { diff --git a/content.js b/content.js index c3715ad0..b22c2239 100644 --- a/content.js +++ b/content.js @@ -929,13 +929,22 @@ function openSkipNotice(UUID){ let voteButtonsContainer = document.createElement("td"); voteButtonsContainer.id = "sponsorTimesVoteButtonsContainer" + UUID; + let reportText = document.createElement("span"); + reportText.id = "sponsorTimesReportText" + UUID; + reportText.className = "sponsorTimesInfoMessage sponsorTimesVoteButtonMessage"; + reportText.innerText = chrome.i18n.getMessage("reportButtonTitle"); + reportText.style.marginRight = "5px"; + reportText.setAttribute("title", chrome.i18n.getMessage("reportButtonInfo")); + let downvoteButton = document.createElement("img"); downvoteButton.id = "sponsorTimesDownvoteButtonsContainer" + UUID; downvoteButton.className = "sponsorSkipObject voteButton"; downvoteButton.src = chrome.extension.getURL("icons/report.png"); downvoteButton.addEventListener("click", () => vote(0, UUID)); + downvoteButton.setAttribute("title", chrome.i18n.getMessage("reportButtonInfo")); - //add thumbs up and down buttons to the container + //add downvote and report text to container + voteButtonsContainer.appendChild(reportText); voteButtonsContainer.appendChild(downvoteButton); //add unskip button