Skip to content

Commit

Permalink
animate yearSelector; modal changed anim. duration
Browse files Browse the repository at this point in the history
  • Loading branch information
@matteioo
matteioo committed Sep 3, 2021
1 parent cc8f4e1 commit 13f8c37
Show file tree
Hide file tree
Showing 3 changed files with 21 additions and 11 deletions.
4 changes: 2 additions & 2 deletions build/member-details.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h1 class="page-title">Über uns</h1>
x-transition:enter="transition duration-300 ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition duration-300 ease-in"
x-transition:leave="transition duration-150 ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
>
Expand All @@ -85,7 +85,7 @@ <h1 class="page-title">Über uns</h1>
x-transition:enter="transition transform ease-out duration-300"
x-transition:enter-start="scale-110 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave="transition transform ease-in duration-300"
x-transition:leave="transition transform ease-in duration-150"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-110 opacity-0"
>
Expand Down
4 changes: 2 additions & 2 deletions build/members.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h1 class="page-title">Über uns</h1>
x-transition:enter="transition duration-300 ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition duration-300 ease-in"
x-transition:leave="transition duration-150 ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
>
Expand All @@ -85,7 +85,7 @@ <h1 class="page-title">Über uns</h1>
x-transition:enter="transition transform ease-out duration-300"
x-transition:enter-start="scale-110 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave="transition transform ease-in duration-300"
x-transition:leave="transition transform ease-in duration-150"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-110 opacity-0"
>
Expand Down
24 changes: 17 additions & 7 deletions build/posts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h1 class="page-title">News</h1>
x-transition:enter="transition duration-300 ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition duration-300 ease-in"
x-transition:leave="transition duration-150 ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
>
Expand All @@ -85,7 +85,7 @@ <h1 class="page-title">News</h1>
x-transition:enter="transition transform ease-out duration-300"
x-transition:enter-start="scale-110 opacity-0"
x-transition:enter-end="scale-100 opacity-100"
x-transition:leave="transition transform ease-in duration-300"
x-transition:leave="transition transform ease-in duration-150"
x-transition:leave-start="scale-100 opacity-100"
x-transition:leave-end="scale-110 opacity-0"
>
Expand All @@ -100,15 +100,17 @@ <h2 class="text-gray-800 sm:section-title sm_section-title-margins sm:w-full">
<i class="far fa-times"></i>
</div>
</div>
<form action="" method="POST" class="grid grid-cols-1 gap-2 sm:gap-4">
<form action="" method="POST" class="grid grid-cols-1 gap-2 sm:gap-4" x-data="{ selectedYear: '' }">
<div class="alert alert-danger">
<i class="alert-icon fas fa-exclamation-circle"></i>
<h2 class="alert-title">Fehler:</h2>
<div class="alert-body">Es kann nicht <i>nur</i> nach einem Monat gesucht werden.</div>
</div>
<label id="yearSelectorDIV" class="block">
<label class="block">
<span class="text-gray-700">Jahr</span>
<select id="yearSelector" onchange="addMonthSelector()" class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50">
<select class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
x-model="selectedYear"
>
<option value="" selected></option>
<option value="2015">2015</option>
<option value="2016">2016</option>
Expand All @@ -119,9 +121,17 @@ <h2 class="alert-title">Fehler:</h2>
<option value="2021">2021</option>
</select>
</label>
<label id="monthSelectorDIV" class="hidden">
<label
x-show="selectedYear != ''"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-150"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
>
<span class="text-gray-700">Monat</span>
<select id="monthSelector" class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50">
<select class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50">
<option value="" selected></option>
<option value="1">Jänner</option>
<option value="2">Februar</option>
Expand Down

1 comment on commit 13f8c37

@matteioo
Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fixed issue #5

Please sign in to comment.