Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-13 06:57:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

Change alignment of some popup elements

Browse Source
This commit is contained in:
Ajay
2022-06-03 01:38:32 -04:00
parent 20b95887af
commit 9664bbea73
3 changed files with 43 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/popup.css
View File

@@ -268,6 +268,10 @@
white-space: normal; white-space: normal;
} }
.sbVoteButtonsContainer {
text-align: right;
}
/* /*
* Buttons that appear under a segment on click * Buttons that appear under a segment on click
*/ */
@@ -465,7 +469,14 @@
.sbYourWorkCols > div { .sbYourWorkCols > div {
display: flex; display: flex;
border-top: 2px solid var(--sb-grey-bg-color); border-top: 2px solid var(--sb-grey-bg-color);
border-bottom: 2px solid var(--sb-grey-bg-color);
} }
.sbStatsSentence {
padding-top: 5px;
padding-bottom: 5px;
}
/* /*
* Increase font size of username input and display * Increase font size of username input and display
*/ */

60
public/popup.html
View File

@@ -84,8 +84,10 @@
</div> </div>
<!-- Your Work box --> <!-- Your Work box -->
<details class="sbYourWorkCols"> <div class="sbYourWorkCols">
<summary class="sbHeader" style="padding: 8px 16px; cursor: pointer;">&nbsp;&nbsp;__MSG_yourWork__</summary> <p class="sbHeader" style="padding: 8px 16px; cursor: pointer;">
__MSG_yourWork__
</p>
<div> <div>
<!-- Username --> <!-- Username -->
<div id="usernameElement"> <div id="usernameElement">
@@ -115,36 +117,36 @@
<span id="sponsorTimesContributionsDisplay">0</span> <span id="sponsorTimesContributionsDisplay">0</span>
</div> </div>
</div> </div>
</details>
<p id="sponsorTimesViewsContainer" style="display: none" class="u-mZ"> <p id="sponsorTimesViewsContainer" style="display: none" class="u-mZ sbStatsSentence">
__MSG_savedPeopleFrom__ __MSG_savedPeopleFrom__
<b>
<span id="sponsorTimesViewsDisplay">0</span>
</b>
<span id="sponsorTimesViewsDisplayEndWord">__MSG_Segments__</span>
<br />
(
<b>
<span id="sponsorTimesOthersTimeSavedDisplay">0</span>
<span id="sponsorTimesOthersTimeSavedEndWord">__MSG_minsLower__</span>
</b>
<span>__MSG_youHaveSavedTimeEnd__</span>
).
</p>
<p id="sponsorTimesSkipsDoneContainer" style="display: none" class="u-mZ">
__MSG_youHaveSkipped__
<b>
<span id="sponsorTimesSkipsDoneDisplay">0</span>
</b>
<span id="sponsorTimesSkipsDoneEndWord">__MSG_Segments__</span>
(
<b> <b>
<span id="sponsorTimeSavedDisplay">0</span> <span id="sponsorTimesViewsDisplay">0</span>
<span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span>
</b> </b>
). <span id="sponsorTimesViewsDisplayEndWord">__MSG_Segments__</span>
</p> <br />
(
<b>
<span id="sponsorTimesOthersTimeSavedDisplay">0</span>
<span id="sponsorTimesOthersTimeSavedEndWord">__MSG_minsLower__</span>
</b>
<span>__MSG_youHaveSavedTimeEnd__</span>
)
</p>
<p id="sponsorTimesSkipsDoneContainer" style="display: none" class="u-mZ sbStatsSentence">
__MSG_youHaveSkipped__
<b>
<span id="sponsorTimesSkipsDoneDisplay">0</span>
</b>
<span id="sponsorTimesSkipsDoneEndWord">__MSG_Segments__</span>
(
<b>
<span id="sponsorTimeSavedDisplay">0</span>
<span id="sponsorTimeSavedEndWord">__MSG_minsLower__</span>
</b>
)
</p>
</div>
<footer id="sbFooter"> <footer id="sbFooter">
<div id="sponsorTimesDonateContainer" style="display: none; align-items: center; justify-content: center;"> <div id="sponsorTimesDonateContainer" style="display: none; align-items: center; justify-content: center;">

2
src/popup.ts
View File

@@ -474,7 +474,7 @@ async function runThePopup(messageListener?: MessageListener): Promise<void> {
//thumbs up and down buttons //thumbs up and down buttons
const voteButtonsContainer = document.createElement("div"); const voteButtonsContainer = document.createElement("div");
voteButtonsContainer.id = "sponsorTimesVoteButtonsContainer" + UUID; voteButtonsContainer.id = "sponsorTimesVoteButtonsContainer" + UUID;
voteButtonsContainer.setAttribute("align", "center"); voteButtonsContainer.classList.add("sbVoteButtonsContainer");
const upvoteButton = document.createElement("img"); const upvoteButton = document.createElement("img");
upvoteButton.id = "sponsorTimesUpvoteButtonsContainer" + UUID; upvoteButton.id = "sponsorTimesUpvoteButtonsContainer" + UUID;