livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2025-11-12 23:23:52 +08:00
Code Issues Projects Releases Packages Wiki Activity

Delay the loading state animation with fade in (#3089)

Browse source
This commit is contained in:
Alexandre de Souza 2025-11-03 11:16:04 -03:00 • committed by GitHub
parent 052d930d3d
commit 2719fb44e4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 17 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
assets/css/utilities.css
View file

@ -73,4 +73,20 @@
100% {
}
}
.animate-fade-in-delayed {
animation: fade-in-delayed 100ms forwards;
}
@keyframes fade-in-delayed {
0% {
opacity: 0;
}
99% {
opacity: 0;
}
100% {
opacity: 1;
}
}
}

2
lib/livebook_web/live/file_select_component.ex
View file

@ -211,7 +211,7 @@ defmodule LivebookWeb.FileSelectComponent do
<div
:if={@loading}
class="grid grid-cols-2 lg:grid-cols-3 gap-2 mb-2 pb-2"
class="grid grid-cols-2 lg:grid-cols-3 gap-2 mb-2 pb-2 opacity-0 animate-fade-in-delayed"
role="status"
aria-live="polite"
tabindex="-1"