paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 00:23:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

onboarding_steps: Dim background of navigation tour video.

Browse Source
This commit is contained in:
Aman Agrawal
2025-03-11 06:03:43 +00:00
committed by Tim Abbott
parent 7cd0fc645b
commit d1704deb52
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/onboarding_steps.ts
View File

@@ -135,12 +135,14 @@ function show_navigation_tour_video(navigation_tour_video_url: string | null): v
"hidden", "hidden",
); );
video_ended_button_visible = false; video_ended_button_visible = false;
$video.removeClass("dimmed-background");
} }
}); });
$video.on("ended", () => { $video.on("ended", () => {
$("#navigation-tour-video-ended-button-wrapper").css("visibility", "visible"); $("#navigation-tour-video-ended-button-wrapper").css("visibility", "visible");
video_ended_button_visible = true; video_ended_button_visible = true;
$video.addClass("dimmed-background");
$skip_video_button.css("visibility", "hidden"); $skip_video_button.css("visibility", "hidden");
$watch_later_button.css("visibility", "hidden"); $watch_later_button.css("visibility", "hidden");
// Exit fullscreen to make the 'video-ended-button-wrapper' button visible. // Exit fullscreen to make the 'video-ended-button-wrapper' button visible.

4
web/styles/modal.css
View File

@@ -705,6 +705,10 @@
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
cursor: pointer; cursor: pointer;
border: 1px solid hsl(0deg 0% 50%); border: 1px solid hsl(0deg 0% 50%);
&.dimmed-background {
opacity: 0.4;
}
} }
#navigation-tour-video-ended-button-wrapper { #navigation-tour-video-ended-button-wrapper {