Luna LMS

Check-in [33644e2ecb]
Login

Check-in [33644e2ecb]

Overview
Comment:Adding credit for SVG color change trick via mask.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | view
Files: files | file ages | folders
SHA3-256: 33644e2ecbd4bff055b7d4313a0ca50f2eca003c2d94086f9d03cf02f2d06d48
User & Date: florian 2024-04-23 17:48:21
Context
2024-05-07
14:04
Adding circled number in front of first heading. check-in: 4f61eda08a user: florian tags: view
2024-04-24
16:51
Merged changes from view. check-in: ab4bad2889 user: florian tags: development
2024-04-23
17:48
Adding credit for SVG color change trick via mask. check-in: 33644e2ecb user: florian tags: view
2024-04-18
10:49
Updating icon in default pages. check-in: 8381498350 user: florian tags: view
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to luna_lms/webapp.py.

296
297
298
299
300
301
302

303
304
305
306
307
308
309
	margin-top: -0.25rem;
	display: inline-block ;
	vertical-align: baseline ;
	background: var(--text-color) ;
	vertical-align: middle ;
}


.button span.course_start-icon, .button_inactive span.course_start-icon {
	mask: url("/static/course_start.svg") ;
	mask-repeat: no-repeat ;
}

.button span.course_continue-icon, .button_inactive span.course_continue-icon {
	mask: url("/static/course_continue.svg") ;







>







296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
	margin-top: -0.25rem;
	display: inline-block ;
	vertical-align: baseline ;
	background: var(--text-color) ;
	vertical-align: middle ;
}

/* Mask trick for SVG color change via https://css-tricks.com/change-color-of-svg-on-hover/#aa-use-a-mask-instead-of-a-background-image */
.button span.course_start-icon, .button_inactive span.course_start-icon {
	mask: url("/static/course_start.svg") ;
	mask-repeat: no-repeat ;
}

.button span.course_continue-icon, .button_inactive span.course_continue-icon {
	mask: url("/static/course_continue.svg") ;