Skip to content

Commit 0e1e2a2

Browse files
committed
notes UI animations
1 parent 391ad99 commit 0e1e2a2

File tree

3 files changed

+3
-19
lines changed

3 files changed

+3
-19
lines changed

frontend/dist/styles/app.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

frontend/src/styles/components/utility-panel/_notes.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,6 +98,7 @@
9898
li {
9999
position: relative;
100100
margin: 1.25rem auto;
101+
animation: fadeInUp 0.5s ease-in-out forwards;
101102
&::before {
102103
content: "";
103104
@include size(100%, 3px);

index.html

Lines changed: 1 addition & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -159,24 +159,7 @@ <h1 data-project-name></h1>
159159
</form>
160160
<p class="note-header">Notes:</p>
161161
<ul class="notes" data-notes-container>
162-
<li>
163-
<i class="fa-solid fa-xmark"></i>
164-
<p class="note-title" data-note-title>Note Title</p>
165-
<p class="note" data-note>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, et. Est iste praesentium esse quas.</p>
166-
<p class="note-info">-<span data-note-author>Dustin Usey</span> on <span data-note-creation>06/29/2022</span></p>
167-
</li>
168-
<li>
169-
<i class="fa-solid fa-xmark"></i>
170-
<p class="note-title" data-note-title>Note Title</p>
171-
<p class="note" data-note>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, et. Est iste praesentium esse quas.</p>
172-
<p class="note-info">-<span data-note-author>Dustin Usey</span> on <span data-note-creation>06/29/2022</span></p>
173-
</li>
174-
<li>
175-
<i class="fa-solid fa-xmark"></i>
176-
<p class="note-title" data-note-title>Note Title</p>
177-
<p class="note" data-note>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, et. Est iste praesentium esse quas.</p>
178-
<p class="note-info">-<span data-note-author>Dustin Usey</span> on <span data-note-creation>06/29/2022</span></p>
179-
</li>
162+
<!-- dynamic -->
180163
</ul>
181164
</div>
182165

0 commit comments

Comments
 (0)