Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-01-31 02:37:10 +01:00
Code Issues Releases Wiki Activity

fine tuning tutorial's animation

Browse Source
This commit is contained in:
Nicolas Constant 2020-09-21 20:10:49 -04:00
parent 912d9e31b5
commit f13e30ebaf
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/components/tutorial-enhanced/notifications-tutorial/notifications-tutorial.component.html
View File

@ -12,15 +12,16 @@
When your account will receive a new mention, follow, boost, favorite and other kind of notifications, your When your account will receive a new mention, follow, boost, favorite and other kind of notifications, your
avatar's icon will start flashing this way:<br /> avatar's icon will start flashing this way:<br />
<br /> <br />
<video class="content__center" role="application" loop autoplay> <img class="content__center" src="assets/video/flashing.gif">
<!-- <video class="content__center clean-outline" autoplay muted loop>
<source src="assets/video/flashing.mp4" type="video/mp4"> <source src="assets/video/flashing.mp4" type="video/mp4">
</video> </video> -->
<br /> <br />
If you right-click on your avatar, the account panel will automatically open and switch to the related If you right-click on your avatar, the account panel will automatically open and switch to the related
subsection (mentions or notifications) and show you the last entries.<br /> subsection (mentions or notifications) and show you the last entries.<br />
The flashing animation will then automatically stop:<br /> The flashing animation will then automatically stop:<br />
<br /> <br />
<video class="content__expand" role="application" loop autoplay> <video class="content__expand clean-outline" autoplay muted loop controls>
<source src="assets/video/notification.mp4" type="video/mp4"> <source src="assets/video/notification.mp4" type="video/mp4">
</video> </video>
<br /> <br />

9
src/app/components/tutorial-enhanced/tutorial-enhanced.component.scss
View File

@ -130,4 +130,13 @@ $footer-height: 30px;
&__tab { &__tab {
padding-left: 10px; padding-left: 10px;
} }
}
.clean-outline{
display: block;
&:focus {
background: none !important;
border: 0px !important;
outline: none !important;
}
} }

BIN
src/assets/video/flashing.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB