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

View File

@@ -38,7 +38,7 @@
</div> </div>
<div id="additionalButtons"> <div id="additionalButtons">
<!-- grayedOut until loading complete --> <!-- 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"> <input type="checkbox" style="display:none;" id="whitelistToggle">
<label for="whitelistToggle" class="whitelistToggleText"> <label for="whitelistToggle" class="whitelistToggleText">
<svg viewBox="0 0 24 24" width="16" height="16"> <svg viewBox="0 0 24 24" width="16" height="16">

View File

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