Skip to content

Commit a4084e7

Browse files
authored
fix(FullScreenButton): update fullscreen state icon (#4642)
* fix: update fullscreen state icon * refactor: 重构代码提高可读性
1 parent cf8e25c commit a4084e7

File tree

1 file changed

+15
-5
lines changed

1 file changed

+15
-5
lines changed

src/BootstrapBlazor/wwwroot/modules/fullscreen.js

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export async function toggle(options) {
1414

1515
if (el !== null) {
1616
if (isFullscreen()) {
17-
await document.exitFullscreen()
17+
await exitFullscreen(el);
1818
}
1919
else {
2020
await enterFullscreen(el);
@@ -25,12 +25,22 @@ export async function toggle(options) {
2525
const enterFullscreen = async el => {
2626
await el.requestFullscreen();
2727

28-
if (!isFullscreen()) {
29-
el.classList.remove('bb-fs-open');
30-
document.documentElement.classList.remove('bb-fs-open');
28+
updateFullscreenState(el);
29+
}
30+
31+
const exitFullscreen = async el => {
32+
await document.exitFullscreen()
33+
34+
updateFullscreenState(el);
35+
}
36+
37+
const updateFullscreenState = el => {
38+
if (isFullscreen()) {
39+
el.classList.add('bb-fs-open')
3140
}
3241
else {
33-
el.classList.add('bb-fs-open')
42+
el.classList.remove('bb-fs-open');
43+
document.documentElement.classList.remove('bb-fs-open');
3444
}
3545
}
3646

0 commit comments

Comments
 (0)