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
+34 -27
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,31 +295,30 @@
</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
> disabled={isStudent}
<OverflowMenuItem text={lesson.is_unlocked ? 'Lock' : 'Unlock'}
disabled={isStudent} on:click={() => {
text={lesson.is_unlocked ? 'Lock' : 'Unlock'} lesson.is_unlocked = !lesson.is_unlocked;
on:click={() => {
lesson.is_unlocked = !lesson.is_unlocked;
handleSaveLesson(lesson, $course.id);
}}
/>
<OverflowMenuItem
text={lessonEditing === lesson.id ? 'Save' : 'Edit'}
on:click={() => {
if (lessonEditing === lesson.id) {
lessonEditing = null;
handleSaveLesson(lesson, $course.id); handleSaveLesson(lesson, $course.id);
} else { }}
lessonEditing = lesson.id; />
} <OverflowMenuItem
}} text={lessonEditing === lesson.id ? 'Save' : 'Edit'}
/> on:click={() => {
<OverflowMenuItem danger text="Delete" on:click={handleDelete(lesson.id)} /> if (lessonEditing === lesson.id) {
</OverflowMenu> lessonEditing = null;
handleSaveLesson(lesson, $course.id);
} else {
lessonEditing = lesson.id;
}
}}
/>
<OverflowMenuItem danger text="Delete" on:click={handleDelete(lesson.id)} />
</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>