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

Make popup more accessible

Browse Source
This commit is contained in:
Ajay
2025-05-23 04:24:13 -04:00
parent 2391337ee2
commit 75d0043e45
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/popup.css
View File

@@ -293,7 +293,7 @@
padding: 10px 15px; padding: 10px 15px;
transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out;
} }
.sbControlsMenu-item:hover { .sbControlsMenu-item:hover, .sbControlsMenu-item:focus {
background-color: #444; background-color: #444;
} }
.sbControlsMenu-itemIcon { .sbControlsMenu-itemIcon {

6
public/popup.html
View File

@@ -47,7 +47,7 @@
<div id="issueReporterImportExport" class="hidden"> <div id="issueReporterImportExport" class="hidden">
<div id="importExportButtons"> <div id="importExportButtons">
<button id="importSegmentsButton" title="__MSG_importSegments__"> <button id="importSegmentsButton" title="__MSG_importSegments__">
<img src="/icons/import.svg" alt="Refresh icon" id="importSegments" /> <img src="/icons/import.svg" alt="Import icon" id="importSegments" />
</button> </button>
<button id="exportSegmentsButton" class="hidden" title="__MSG_exportSegments__"> <button id="exportSegmentsButton" class="hidden" title="__MSG_exportSegments__">
<img src="/icons/export.svg" alt="Export icon" id="exportSegments" /> <img src="/icons/export.svg" alt="Export icon" id="exportSegments" />
@@ -67,7 +67,7 @@
<!-- Toggle Box --> <!-- Toggle Box -->
<div class="sbControlsMenu"> <div class="sbControlsMenu">
<label id="whitelistButton" for="whitelistToggle" class="hidden sbControlsMenu-item"> <label id="whitelistButton" for="whitelistToggle" class="hidden sbControlsMenu-item" role="button" tabIndex="0">
<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" />
@@ -76,7 +76,7 @@
<span id="unwhitelistChannel" style="display: none">__MSG_removeFromWhitelist__</span> <span id="unwhitelistChannel" style="display: none">__MSG_removeFromWhitelist__</span>
</label> </label>
<!--github: mbledkowski/toggle-switch--> <!--github: mbledkowski/toggle-switch-->
<label id="disableExtension" for="toggleSwitch" class="toggleSwitchContainer sbControlsMenu-item"> <label id="disableExtension" for="toggleSwitch" class="toggleSwitchContainer sbControlsMenu-item" role="button" tabIndex="0">
<span class="toggleSwitchContainer-switch"> <span class="toggleSwitchContainer-switch">
<input type="checkbox" style="display: none" id="toggleSwitch" checked> <input type="checkbox" style="display: none" id="toggleSwitch" checked>
<span class="switchBg shadow"></span> <span class="switchBg shadow"></span>