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: |
33644e2ecbd4bff055b7d4313a0ca50f |
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
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") ; |
︙ | ︙ |