jyapayne/screenshot-chrome-extension
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: change toggle from '?' button to the 'switch' component

Browse source
This commit is contained in:
KarthiDreamr 2025-08-13 22:28:13 +05:30
commit 0bbf4c2694
1 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
popup.html
View file

@ -277,7 +277,7 @@
<div class="setting-group"> <div class="setting-group">
<div class="toggle-container"> <div class="toggle-container">
<label for="save-to-pc-toggle" class="toggle-label"> <label class="toggle-label">
Save to PC Save to PC
<div class="tooltip"> <div class="tooltip">
<div class="tooltip-icon" tabindex="0" role="button" aria-label="Show save to PC feature information">?</div> <div class="tooltip-icon" tabindex="0" role="button" aria-label="Show save to PC feature information">?</div>
@ -292,7 +292,7 @@
</div> </div>
</div> </div>
</label> </label>
<div class="toggle-switch"> <label class="toggle-switch" for="save-to-pc-toggle">
<input <input
type="checkbox" type="checkbox"
id="save-to-pc-toggle" id="save-to-pc-toggle"
@ -301,7 +301,7 @@
aria-label="Toggle save screenshot to PC" aria-label="Toggle save screenshot to PC"
> >
<span class="toggle-slider" role="presentation"></span> <span class="toggle-slider" role="presentation"></span>
</div> </label>
</div> </div>
<div id="save-to-pc-help" class="toggle-help"> <div id="save-to-pc-help" class="toggle-help">
Automatically download screenshots as PNG files to your computer. Hover over the "?" for more details. Automatically download screenshots as PNG files to your computer. Hover over the "?" for more details.
@ -310,7 +310,7 @@
<div class="setting-group"> <div class="setting-group">
<div class="toggle-container"> <div class="toggle-container">
<label for="clipboard-toggle" class="toggle-label"> <label class="toggle-label">
Copy to Clipboard Copy to Clipboard
<div class="tooltip"> <div class="tooltip">
<div class="tooltip-icon" tabindex="0" role="button" aria-label="Show clipboard feature information">?</div> <div class="tooltip-icon" tabindex="0" role="button" aria-label="Show clipboard feature information">?</div>
@ -325,7 +325,7 @@
</div> </div>
</div> </div>
</label> </label>
<div class="toggle-switch"> <label class="toggle-switch" for="clipboard-toggle">
<input <input
type="checkbox" type="checkbox"
id="clipboard-toggle" id="clipboard-toggle"
@ -334,7 +334,7 @@
aria-label="Toggle copy screenshot to clipboard" aria-label="Toggle copy screenshot to clipboard"
> >
<span class="toggle-slider" role="presentation"></span> <span class="toggle-slider" role="presentation"></span>
</div> </label>
</div> </div>
<div id="clipboard-help" class="toggle-help"> <div id="clipboard-help" class="toggle-help">
Automatically copy screenshots to clipboard for quick pasting. Hover over the "?" for more details. Automatically copy screenshots to clipboard for quick pasting. Hover over the "?" for more details.