Refine "consider force channel check" alert

This commit is contained in:
Alec Rust
2022-03-19 11:14:57 +00:00
parent 6f79e986ba
commit c5b00f67a1
2 changed files with 12 additions and 10 deletions

View File

@@ -45,6 +45,7 @@
text-align: center; text-align: center;
} }
#sponsorblockPopup a,
#sponsorblockPopup button { #sponsorblockPopup button {
cursor: pointer; cursor: pointer;
} }
@@ -210,7 +211,6 @@
*/ */
.toggleSwitchContainer { .toggleSwitchContainer {
cursor: pointer;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -297,11 +297,14 @@
*/ */
#whitelistForceCheck { #whitelistForceCheck {
font-weight: bold; background-color: #fff3cd;
text-decoration: underline; color: #664d03;
font-size: large; display: block;
cursor: pointer; padding: 10px 15px;
padding: 10px 0; }
#whitelistForceCheck:hover {
background-color: #f2e4b7;
} }
/* /*
@@ -511,7 +514,6 @@
#sbFooter a { #sbFooter a {
color: var(--sb-main-fg-color); color: var(--sb-main-fg-color);
cursor: pointer;
text-decoration: none; text-decoration: none;
} }

View File

@@ -34,7 +34,7 @@
</div> </div>
<div class="sbControlsMenu"> <div class="sbControlsMenu">
<label id="whitelistButton" for="whitelistToggle" class="hidden sbControlsMenu-item" title="__MSG_forceChannelCheckPopup__"> <label id="whitelistButton" for="whitelistToggle" class="hidden sbControlsMenu-item">
<input type="checkbox" style="display:none;" id="whitelistToggle"> <input type="checkbox" style="display:none;" id="whitelistToggle">
<svg viewBox="0 0 24 24" width="23" height="23" class="SBWhitelistIcon sbControlsMenu-itemIcon"> <svg viewBox="0 0 24 24" width="23" height="23" class="SBWhitelistIcon sbControlsMenu-itemIcon">
<path d="M24 10H14V0h-4v10H0v4h10v10h4V14h10z" /> <path d="M24 10H14V0h-4v10H0v4h10v10h4V14h10z" />
@@ -60,9 +60,9 @@
</button> </button>
</div> </div>
<p id="whitelistForceCheck" class="u-mZ hidden"> <a id="whitelistForceCheck" class="hidden">
__MSG_forceChannelCheckPopup__ __MSG_forceChannelCheckPopup__
</p> </a>
<div id="mainControls" style="display: none"> <div id="mainControls" style="display: none">
<p class="sbHeader"> <p class="sbHeader">