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

CLASSROOMIO-T-130: 3-Dot icon fix

Browse Source 
Co-authored-by: Tunji Adeyemi <tunji@digdippa.com>


Merge-request: CLASSROOMIO-MR-56
Merged-by: Best Admin <best@digdippa.com>
This commit is contained in:
tunny17
2023-08-28 08:59:58 +00:00
committed by Space Cloud
parent e7c2b4a25a
commit 18b596e312
1 changed files with 34 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/courses/[id]/lessons/+page.svelte
+14 -7
View File
@@ -242,7 +242,7 @@
</div> </div>
<div class="flex flex-row absolute sm:bottom-20 bottom-10 right-10"> <div class="flex flex-row absolute sm:bottom-20 bottom-10 right-10">
<div class="success hidden md:block lg:block"> <div class="success hidden md:block">
<IconButton <IconButton
disabled={isStudent} disabled={isStudent}
onClick={() => { onClick={() => {
@@ -265,7 +265,7 @@
</div> </div>
<RoleBasedSecurity allowedRoles={[1, 2]}> <RoleBasedSecurity allowedRoles={[1, 2]}>
<div class="hidden md:block lg:block"> <div class="hidden md:block">
{#if lessonEditing === lesson.id} {#if lessonEditing === lesson.id}
<IconButton <IconButton
onClick={() => { onClick={() => {
@@ -287,7 +287,7 @@
</RoleBasedSecurity> </RoleBasedSecurity>
<RoleBasedSecurity allowedRoles={[1, 2]}> <RoleBasedSecurity allowedRoles={[1, 2]}>
<div class="hidden md:block lg:block"> <div class="hidden md:block">
<IconButton onClick={handleDelete(lesson.id)}> <IconButton onClick={handleDelete(lesson.id)}>
<TrashCanIcon size={24} class="carbon-icon dark:text-white" /> <TrashCanIcon size={24} class="carbon-icon dark:text-white" />
</IconButton> </IconButton>
@@ -295,10 +295,8 @@
</RoleBasedSecurity> </RoleBasedSecurity>
<RoleBasedSecurity allowedRoles={[1, 2]}> <RoleBasedSecurity allowedRoles={[1, 2]}>
<OverflowMenu <div class="overflowmenu">
size="xl" <OverflowMenu size="xl" class="block absolute right-10 bottom-4 pl-4">
class="block md:hidden lg:hidden absolute right-10 bottom-4 pl-4"
>
<OverflowMenuItem <OverflowMenuItem
disabled={isStudent} disabled={isStudent}
text={lesson.is_unlocked ? 'Lock' : 'Unlock'} text={lesson.is_unlocked ? 'Lock' : 'Unlock'}
@@ -320,6 +318,7 @@
/> />
<OverflowMenuItem danger text="Delete" on:click={handleDelete(lesson.id)} /> <OverflowMenuItem danger text="Delete" on:click={handleDelete(lesson.id)} />
</OverflowMenu> </OverflowMenu>
</div>
</RoleBasedSecurity> </RoleBasedSecurity>
</div> </div>
</div> </div>
@@ -339,3 +338,11 @@
</section> </section>
</PageBody> </PageBody>
</CourseContainer> </CourseContainer>
<style>
@media (min-width: 760px) {
.overflowmenu {
display: none !important;
}
}
</style>