Support Bootstrap icons#2494
Conversation
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #2494 +/- ##
==========================================
+ Coverage 51.02% 51.08% +0.06%
==========================================
Files 124 124
Lines 5372 5367 -5
Branches 1159 1155 -4
==========================================
+ Hits 2741 2742 +1
+ Misses 2341 2335 -6
Partials 290 290 ☔ View full report in Codecov by Sentry. |
|
Thanks for attempting this @yiwen101 |
| "name": "root", | ||
| "private": true, | ||
| "workspaces": ["packages/*"], | ||
| "workspaces": [ |
cb84513 to
69ec838
Compare
kaixin-hc
left a comment
There was a problem hiding this comment.
lgtm, though see my comment and update the documentation further!
| 1. You may also append `~class-name` to the end of the octicon name to add `class="class-name"` property to your Octicon (e.g. `:octicon-git-pull-request~icon-large-red:` will generate an Octicon of class *icon-large-red*). You may then add corresponding CSS to `{root}/_markbind/layouts/{layout-name}/styles.css` to customize the style of your Octicon. | ||
| 1. If your background is dark, you may use `:octiconlight-*:` to render the icon as white. | ||
|
|
||
| ###### Using Bootstrap icons |
There was a problem hiding this comment.
- Lines 3-5 : can you also update in this PR? Version of bootstrap relied on + Maybe delete line 5, which seems too repetitive.
- I never noticed before how repetitive these instructions are. I wonder if there is a better way to streamline the instructions? Hmm. Maybe a tooltip or something to see some different example icons would be cool.
yucheng11122017
left a comment
There was a problem hiding this comment.
LGTM except small nit
| <small>%%Acknowledgement: Font Awesome icons are provided by [Font Awesome](https://fontawesome.com/) under their [free license](https://fontawesome.com/license), Glyphicons are provided by [Glyphicons](https://glyphicons.com/) via [Bootstrap 3](https://getbootstrap.com/docs/3.3/), [Octicons](https://octicons.github.com) are copyright of GitHub, and Material icons are provided by [Google Fonts](https://fonts.google.com/icons) via [`material-icons` by Ravindra Marella](https://www.npmjs.com/package/material-icons) under the [Apache license 2.0](https://www.apache.org/licenses/LICENSE-2.0.html).%%</small> | ||
| <small>%%Acknowledgement: Font Awesome icons are provided by [Font Awesome](https://fontawesome.com/) under their [free license](https://fontawesome.com/license), Glyphicons are provided by [Glyphicons](https://glyphicons.com/) via [Bootstrap 3](https://getbootstrap.com/docs/3.3/). Bootstrap icons are designed by [@mdo](https://github.com/mdo), maintained by the [Bootstrap Team](https://github.com/orgs/twbs/people) and provided under MIT liscense. [Octicons](https://octicons.github.com) are copyright of GitHub, and Material icons are provided by [Google Fonts](https://fonts.google.com/icons) via [`material-icons` by Ravindra Marella](https://www.npmjs.com/package/material-icons) under the [Apache license 2.0](https://www.apache.org/licenses/LICENSE-2.0.html).%%</small> | ||
|
|
||
| MarkBind supports using Font Icons provided by Font Awesome, Glyphicons and GitHub's Octicons. |
There was a problem hiding this comment.
| MarkBind supports using Font Icons provided by Font Awesome, Glyphicons and GitHub's Octicons. | |
| MarkBind supports using Font Icons provided by Font Awesome, Glyphicons, GitHub's Octicons and Bootstrap icons. |
|
@yucheng11122017 Each PR must have a SEMVER impact label, please remember to label the PR properly. |
|
Feature in action https://nus-cs2103-ay2324s2.github.io/website/admin/tp-w9.html |

What is the purpose of this pull request?
Overview of changes:
Support bootstrap icons #1977
Anything you'd like to highlight/discuss:
I need to upload the copy of bootstrap-icons to the expected folder to pass test (and in current code, the expected folder also contains the source code of all other icons supported) That is where the +50 000 comes from.
Testing instructions:
Proposed commit message: (wrap lines at 72 characters)
Support Bootstrap icons
Checklist: ☑️
Reviewer checklist:
Indicate the SEMVER impact of the PR:
At the end of the review, please label the PR with the appropriate label:
r.Major,r.Minor,r.Patch.Breaking change release note preparation (if applicable):