Submit sponsor section in popup WIP

This commit is contained in:
mmble
2020-09-06 20:04:50 +02:00
parent 0126f44617
commit 82815ca6ba
3 changed files with 29 additions and 10 deletions

View File

@@ -134,7 +134,7 @@ div.logoText>p, .recordingSubtitle {
justify-content: center;
}
#mainControls, #sponsorTimesSkipsDoneContainer, .toggleSwitchContainer {
#whitelistButton, #sponsorTimesSkipsDoneContainer, .toggleSwitchContainer {
margin-bottom: 2px !important;
}
@@ -173,7 +173,7 @@ div.logoText>p, .recordingSubtitle {
font-size: 19px;
}
#mainControls > label > svg {
#whitelistButton > label > svg {
min-width: 16px;
min-height: 16px;
margin-top: auto;
@@ -209,12 +209,12 @@ label>svg, button#optionsButton>img, .logoText>img, #usernameValue {
margin-right: 8px;
}
#mainControls>label, #additionalButtons>button, div#setUsernameContainer {
#whitelistButton>label, #additionalButtons>button, div#setUsernameContainer {
display: flex;
flex-flow: row nowrap;
}
#mainControls>label, #additionalButtons>button, div#setUsernameContainer>button {
#whitelistButton>label, #additionalButtons>button, div#setUsernameContainer>button {
cursor: pointer;
}

View File

@@ -20,6 +20,23 @@
<p id="videoFound"></p>
</div>
<p id="downloadedSponsorMessageTimes"></p>
<div id="mainControls" style="display: none">
<p class="popupElement">
__MSG_recordTimesDescription__
</p>
<div>
<button id="sponsorStart" class="greenButton popupElement">__MSG_sponsorStart__</button>
</div>
<sub class="popupElement">__MSG_popupHint__</sub>
<div id="submissionSection" class="popupElement" style="display: none">
<b>Sponsor Editing has been moved and will appear after you click submit</b>
<div id="submitTimesContainer" class="popupElement" style="display: none">
<button id="submitTimes" class="smallButton popupElement">__MSG_submitTimesButton__</button>
</div>
</div>
</div>
</div>
<div class="sidebyside">
<div id="disableExtension">
@@ -36,7 +53,7 @@
</div>
<div id="additionalButtons">
<!-- grayedOut until loading complete -->
<div id="mainControls" class="grayedOut bottomSpace" title="__MSG_forceChannelCheckPopup__">
<div id="whitelistButton" class="grayedOut bottomSpace" title="__MSG_forceChannelCheckPopup__">
<input type="checkbox" style="display:none;" id="whitelistToggle">
<label for="whitelistToggle" class="whitelistToggleText">
<svg viewBox="0 0 24 24" width="16" height="16">