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> <h2 class="text-xl mb-2 mt-0">{$questionnaire.title}</h2>
{#if STATUS.GRADED === $questionnaireMetaData.status} {#if STATUS.GRADED === $questionnaireMetaData.status}
<span <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" title="Status: Pending Review"
> >
Graded Graded
</span> </span>
{:else} {:else}
<span <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" title="Status: Pending Review"
> >
Pending Pending
@@ -273,6 +274,12 @@
{/if} {/if}
<style> <style>
.status-text2 {
width: fit-content;
}
.status-text {
width: fit-content;
}
:global(.shake) { :global(.shake) {
animation: shake 0.85s; animation: shake 0.85s;
} }