CLASSROOMIO-T-62: Dark Mode Bug Fix

CLASSROOMIO-T-62: Remove fill

CLASSROOMIO-T-62: Dark Mode Bug Fix


Co-authored-by: Rotimi Best <[email protected]>
Co-authored-by: Tunji Adeyemi <[email protected]>


Merge-request: CLASSROOMIO-MR-27
Merged-by: Best Admin <[email protected]>
This commit is contained in:
tunny17
2023-07-31 17:27:04 +00:00
committed by Space Cloud
co-authored by Rotimi Best
parent 7f994b5c8f
commit 534ea3725c
4 changed files with 9 additions and 8 deletions
@@ -230,6 +230,7 @@
value="toggle" value="toggle"
onClick={() => (show = !show)} onClick={() => (show = !show)}
size={$isMobile ? 'large' : 'small'} size={$isMobile ? 'large' : 'small'}
color="text-black"
toolTipProps={$isMobile toolTipProps={$isMobile
? {} ? {}
: { : {
@@ -239,9 +240,9 @@
}} }}
> >
{#if show} {#if show}
<ChevronLeft16 class="carbon-icon" /> <ChevronLeft16 />
{:else} {:else}
<ChevronRight16 class="carbon-icon" /> <ChevronRight16 />
{/if} {/if}
</IconButton> </IconButton>
</div> </div>
@@ -21,6 +21,7 @@
value="toggle" value="toggle"
onClick={() => (show = !show)} onClick={() => (show = !show)}
size={$isMobile ? 'large' : 'small'} size={$isMobile ? 'large' : 'small'}
color="text-black"
toolTipProps={$isMobile toolTipProps={$isMobile
? {} ? {}
: { : {
@@ -30,9 +31,9 @@
}} }}
> >
{#if show} {#if show}
<ChevronLeft16 class="carbon-icon" /> <ChevronLeft16 />
{:else} {:else}
<ChevronRight16 class="carbon-icon" /> <ChevronRight16 />
{/if} {/if}
</IconButton> </IconButton>
</div> </div>
+2 -3
View File
@@ -152,7 +152,7 @@
{#each $lessons as lesson (lesson.id)} {#each $lessons as lesson (lesson.id)}
<div <div
bind:this={ref} bind:this={ref}
class="group relative m-auto rounded-md border-2 border-gray-100 py-3 px-5 mb-4 flex items-center hover:shadow-md shadow-xl transition delay-150 duration-300 ease-in-out" class="group relative m-auto rounded-md border-2 border-gray-100 py-3 px-5 mb-4 flex items-center hover:shadow-md shadow-xl transition delay-150 duration-300 ease-in-out dark:bg-gray-700"
> >
<!-- Complete or Not complete icon --> <!-- Complete or Not complete icon -->
<div class="absolute -left-6 -top-6 success"> <div class="absolute -left-6 -top-6 success">
@@ -211,7 +211,7 @@
href={isStudent && !lesson.is_complete href={isStudent && !lesson.is_complete
? $page.path ? $page.path
: '/courses/' + $course.id + '/lessons/' + lesson.id} : '/courses/' + $course.id + '/lessons/' + lesson.id}
class="hover:underline text-black {isStudent && class="dark:text-white hover:underline text-black {isStudent &&
!lesson.is_complete !lesson.is_complete
? 'cursor-not-allowed' ? 'cursor-not-allowed'
: ''}" : ''}"
@@ -320,6 +320,5 @@
} }
.group { .group {
min-height: 170px; min-height: 170px;
background-color: #fafafa;
} }
</style> </style>
+1 -1
View File
@@ -128,7 +128,7 @@
label="Filter by" label="Filter by"
bind:value={filterBy} bind:value={filterBy}
options={ROLES} options={ROLES}
className="flex items-center" className="flex items-center dark:text-black"
/> />
</div> </div>