stable

Clone or download

Read-only

Display the icons associated with each tool in the project sidebar

The font-face rules cannot be loaded only inside the Shadow DOM at this time [0] so we are forced to include them globally. We might encounter conflicts if another FontAwesome is loaded so we use a custom font-family name to avoid that. You can test the change by going into the folder and running `npm run dev`. Part of request #23465 Publish a project sidebar custom element [0] https://drafts.csswg.org/css-scoping/#shadow-names Change-Id: I806cbcad7b0f4464011a4f52a706681c56b7984a

Modified Files

Name
M src/scripts/lib/project-sidebar/package.json +1 −0 Go to diff View file
M src/scripts/lib/project-sidebar/pnpm-lock.yaml +8 −0 Go to diff View file
M src/scripts/lib/project-sidebar/src/ProjectSidebar.vue +3 −0 Go to diff View file
M src/scripts/lib/project-sidebar/src/Tools/Tool.test.ts +6 −0 Go to diff View file
M src/scripts/lib/project-sidebar/src/Tools/Tool.vue +13 −0 Go to diff View file
M src/scripts/lib/project-sidebar/src/configuration.ts +1 −0 Go to diff View file
A src/scripts/lib/project-sidebar/src/font-face-names.scss +23 −0 Go to diff View file
A src/scripts/lib/project-sidebar/src/font-faces.scss +53 −0 Go to diff View file
A src/scripts/lib/project-sidebar/src/fontawesome-classes.scss +39 −0 Go to diff View file
M src/scripts/lib/project-sidebar/src/main.ts +5 −0 Go to diff View file
M src/scripts/lib/project-sidebar/src/project-sidebar-example-config.ts +2 −0 Go to diff View file
R src/scripts/lib/project-sidebar/src/vue.shims.d.ts Go to diff View file
A src/themes/tlp/src/fonts/tlp-font/font-face.scss +28 −0 Go to diff View file
A src/themes/tlp/src/fonts/tlp-font/icons.scss +69 −0 Go to diff View file
M src/themes/tlp/src/fonts/tlp-font/tlp-font.scss +3 −57 Go to diff View file