Hide whitelist button when not necessary and changed size of username

This commit is contained in:
Ajay Ramachandran 2020-10-14 20:42:06 -04:00
parent 718666cdf0
commit 0ad1abb108
3 changed files with 8 additions and 4 deletions

View file

@ -6,6 +6,10 @@
--sb-green-bg: #077B27;
}
.hidden {
display: none;
}
#sponsorblockPopup {
color: var(--sb-main-fg-color);
font-family: 'Source Sans Pro', sans-serif;
@ -216,7 +220,7 @@ align-items: center;
}
#usernameValue, #usernameInput, #sponsorTimesContributionsDisplay{
font-size: 19px;
font-size: 16px;
}
#whitelistButton > label > svg {
@ -288,7 +292,7 @@ label>svg, button#optionsButton>img, .logoText>img, #usernameValue {
#usernameInput {
background: none;
padding: 0;
border: none;
border: white 1px solid;
color: var(--sb-main-fg-color);
width: calc(100% - 24px);
}

View file

@ -38,7 +38,7 @@
</div>
<div id="additionalButtons">
<!-- grayedOut until loading complete -->
<div id="whitelistButton" class="grayedOut bottomSpace" title="__MSG_forceChannelCheckPopup__">
<div id="whitelistButton" class="hidden 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">

View file

@ -311,7 +311,7 @@ async function runThePopup(messageListener?: MessageListener) {
if (request != undefined) {
//remove loading text
PageElements.mainControls.style.display = "flex";
PageElements.whitelistButton.classList.remove("grayedOut");
PageElements.whitelistButton.classList.remove("hidden");
PageElements.loadingIndicator.style.display = "none";
if (request.found) {