ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show checkboxes correctly in circle

This commit is contained in:
Daniel Egger 2022-06-14 10:25:18 +02:00
parent 3019f34013
commit c26a3091bb
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/circle/LearningSequence.vue
View File

@ -29,11 +29,11 @@ defineProps(['learningSequence'])
v-for="learningContent in learningUnit.learningContents" v-for="learningContent in learningUnit.learningContents"
class="flex items-center gap-4 pb-3" class="flex items-center gap-4 pb-3"
> >
<div @click="$emit('toggleLearningContentCheckbox', learningContent)"> <div class="w-8 h-8" @click="$emit('toggleLearningContentCheckbox', learningContent)">
<it-icon-checkbox-checked v-if="learningContent.completed" /> <it-icon-checkbox-checked v-if="learningContent.completed" />
<it-icon-checkbox-unchecked v-else /> <it-icon-checkbox-unchecked v-else />
</div> </div>
<div>{{ learningContent.contents[0].type }}: {{ learningContent.title }}</div> <div>{{ learningContent.contents[0].type }}: {{ learningContent.title }} {{ learningContent.completed}}</div>
</div> </div>
<hr class="-mx-4 text-gray-500"> <hr class="-mx-4 text-gray-500">

5
server/vbv_lernwelt/static/icons/icon-checkbox-unchecked.svg
View File

@ -1,6 +1,3 @@
<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="30" height="30" fill="#EDF2F6"/> <rect x="1" y="1" width="28" height="28" rx="1" stroke="#B1C1CA" stroke-width="2"/>
<rect x="1" y="1" width="28" height="28" rx="1" stroke="#00224D" stroke-width="2"/>
<path d="M12.1529 18.7528L8.30897 14.9088L7 16.2086L12.1529 21.3615L23.2147 10.2998L21.9149 9L12.1529 18.7528Z"
fill="#00224D"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 345 B

After

Width:  |  Height:  |  Size: 168 B