ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CLASSROOMIO-T-25:changed the width of "graded and pending" to fit-content depend on its content

Browse Source
This commit is contained in:
eze_ig
2021-10-15 00:01:12 +03:00
parent ee68015dee
commit 121c0f69ff
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Course/components/Lesson/Exercise/ViewMode.svelte
+9 -2
View File
@@ -228,14 +228,15 @@
<h2 class="text-xl mb-2 mt-0">{$questionnaire.title}</h2>
{#if STATUS.GRADED === $questionnaireMetaData.status}
<span
class="bg-green-700 text-white rounded-full py-2 px-6 text-center"
class="status-text bg-green-700 text-white rounded-full py-2 px-6 text-center"
title="Status: Pending Review"
>
Graded
</span>
{:else}
<span
class="bg-yellow-600 text-white rounded-full py-2 px-6 text-center"
class=" status-text2 bg-yellow-600 text-white rounded-full py-2 px-6 text-center"
title="Status: Pending Review"
>
Pending
@@ -273,6 +274,12 @@
{/if}
<style>
.status-text2 {
width: fit-content;
}
.status-text {
width: fit-content;
}
:global(.shake) {
animation: shake 0.85s;
}