test/BootstrapBlazor3
1
0
Fork 0
mirror of https://gitee.com/LongbowEnterprise/BootstrapBlazor.git synced 2024-11-29 18:49:08 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(FullScreenButton): update fullscreen state icon (#4642)

Browse Source 
* fix: update fullscreen state icon

* refactor: 重构代码提高可读性
This commit is contained in:
Argo Zhang 2024-11-10 21:22:06 -08:00 committed by GitHub
parent cf8e25ca72
commit a4084e7b82
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/BootstrapBlazor/wwwroot/modules/fullscreen.js
View File

@ -14,7 +14,7 @@ export async function toggle(options) {
if (el !== null) {
if (isFullscreen()) {
await document.exitFullscreen()
await exitFullscreen(el);
}
else {
await enterFullscreen(el);
@ -25,12 +25,22 @@ export async function toggle(options) {
const enterFullscreen = async el => {
await el.requestFullscreen();
if (!isFullscreen()) {
el.classList.remove('bb-fs-open');
document.documentElement.classList.remove('bb-fs-open');
updateFullscreenState(el);
}
const exitFullscreen = async el => {
await document.exitFullscreen()
updateFullscreenState(el);
}
const updateFullscreenState = el => {
if (isFullscreen()) {
el.classList.add('bb-fs-open')
}
else {
el.classList.add('bb-fs-open')
el.classList.remove('bb-fs-open');
document.documentElement.classList.remove('bb-fs-open');
}
}