From 97991596bd7cb3206ddd98ed4b63ff9eb28cec12 Mon Sep 17 00:00:00 2001 From: Yarden Shoham Date: Mon, 1 May 2023 01:02:56 +0300 Subject: [PATCH] Remove all direct references to font-awesome (#24448) - Related #10410 - I had to add an SVG for an empty checkbox https://github.com/primer/octicons/issues/942 # Before ![image](https://user-images.githubusercontent.com/20454870/235374683-13f355c3-1245-40db-adda-4c710fc80288.png) # After ![image](https://user-images.githubusercontent.com/20454870/235374655-cc637132-f314-424d-9243-13d45b8915d5.png) --------- Signed-off-by: Yarden Shoham --- public/img/svg/gitea-empty-checkbox.svg | 1 + .../js/features/comp/ComboMarkdownEditor.js | 9 +++--- web_src/js/svg.js | 30 +++++++++++-------- web_src/svg/gitea-empty-checkbox.svg | 1 + 4 files changed, 24 insertions(+), 17 deletions(-) create mode 100644 public/img/svg/gitea-empty-checkbox.svg create mode 100644 web_src/svg/gitea-empty-checkbox.svg diff --git a/public/img/svg/gitea-empty-checkbox.svg b/public/img/svg/gitea-empty-checkbox.svg new file mode 100644 index 000000000..dc4083e25 --- /dev/null +++ b/public/img/svg/gitea-empty-checkbox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web_src/js/features/comp/ComboMarkdownEditor.js b/web_src/js/features/comp/ComboMarkdownEditor.js index 9995033e8..42c10e664 100644 --- a/web_src/js/features/comp/ComboMarkdownEditor.js +++ b/web_src/js/features/comp/ComboMarkdownEditor.js @@ -8,6 +8,7 @@ import {handleGlobalEnterQuickSubmit} from './QuickSubmit.js'; import {emojiString} from '../emoji.js'; import {renderPreviewPanelContent} from '../repo-editor.js'; import {matchEmoji, matchMention} from '../../utils/match.js'; +import {svg} from '../../svg.js'; let elementIdCounter = 0; @@ -218,7 +219,7 @@ class ComboMarkdownEditor { cm.replaceSelection(`\n- [ ] ${cm.getSelection()}`); cm.focus(); }, - className: 'fa fa-square-o', + icon: svg('gitea-empty-checkbox'), title: 'Add Checkbox (empty)', }, 'gitea-checkbox-checked': { @@ -227,7 +228,7 @@ class ComboMarkdownEditor { cm.replaceSelection(`\n- [x] ${cm.getSelection()}`); cm.focus(); }, - className: 'fa fa-check-square-o', + icon: svg('octicon-checkbox'), title: 'Add Checkbox (checked)', }, 'gitea-switch-to-textarea': { @@ -235,7 +236,7 @@ class ComboMarkdownEditor { this.userPreferredEditor = 'textarea'; this.switchToTextarea(); }, - className: 'fa fa-file', + icon: svg('octicon-file'), title: 'Revert to simple textarea', }, 'gitea-code-inline': { @@ -249,7 +250,7 @@ class ComboMarkdownEditor { } cm.focus(); }, - className: 'fa fa-angle-right', + icon: svg('octicon-chevron-right'), title: 'Add Inline Code', } }; diff --git a/web_src/js/svg.js b/web_src/js/svg.js index 94f858d7d..821ed9fd4 100644 --- a/web_src/js/svg.js +++ b/web_src/js/svg.js @@ -44,11 +44,16 @@ import octiconOrganization from '../../public/img/svg/octicon-organization.svg'; import octiconTag from '../../public/img/svg/octicon-tag.svg'; import octiconGitBranch from '../../public/img/svg/octicon-git-branch.svg'; import octiconRss from '../../public/img/svg/octicon-rss.svg'; +import octiconCheckbox from '../../public/img/svg/octicon-checkbox.svg'; +import giteaEmptyCheckbox from '../../public/img/svg/gitea-empty-checkbox.svg'; const svgs = { + 'octicon-archive': octiconArchive, 'octicon-blocked': octiconBlocked, + 'octicon-checkbox': octiconCheckbox, 'octicon-check-circle-fill': octiconCheckCircleFill, 'octicon-chevron-down': octiconChevronDown, + 'octicon-chevron-left': octiconChevronLeft, 'octicon-chevron-right': octiconChevronRight, 'octicon-clock': octiconClock, 'octicon-copy': octiconCopy, @@ -56,8 +61,13 @@ const svgs = { 'octicon-diff-modified': octiconDiffModified, 'octicon-diff-removed': octiconDiffRemoved, 'octicon-diff-renamed': octiconDiffRenamed, + 'gitea-double-chevron-left': giteaDoubleChevronLeft, + 'gitea-double-chevron-right': giteaDoubleChevronRight, + 'gitea-empty-checkbox': giteaEmptyCheckbox, 'octicon-file': octiconFile, 'octicon-file-directory-fill': octiconFileDirectoryFill, + 'octicon-filter': octiconFilter, + 'octicon-git-branch': octiconGitBranch, 'octicon-git-merge': octiconGitMerge, 'octicon-git-pull-request': octiconGitPullRequest, 'octicon-issue-closed': octiconIssueClosed, @@ -68,29 +78,23 @@ const svgs = { 'octicon-meter': octiconMeter, 'octicon-milestone': octiconMilestone, 'octicon-mirror': octiconMirror, + 'octicon-organization': octiconOrganization, + 'octicon-plus': octiconPlus, 'octicon-project': octiconProject, 'octicon-repo': octiconRepo, 'octicon-repo-forked': octiconRepoForked, 'octicon-repo-template': octiconRepoTemplate, + 'octicon-rss': octiconRss, + 'octicon-search': octiconSearch, 'octicon-sidebar-collapse': octiconSidebarCollapse, 'octicon-sidebar-expand': octiconSidebarExpand, 'octicon-skip': octiconSkip, + 'octicon-star': octiconStar, 'octicon-sync': octiconSync, + 'octicon-tag': octiconTag, 'octicon-triangle-down': octiconTriangleDown, 'octicon-x': octiconX, - 'octicon-x-circle-fill': octiconXCircleFill, - 'octicon-filter': octiconFilter, - 'octicon-plus': octiconPlus, - 'octicon-search': octiconSearch, - 'octicon-archive': octiconArchive, - 'octicon-star': octiconStar, - 'gitea-double-chevron-left': giteaDoubleChevronLeft, - 'gitea-double-chevron-right': giteaDoubleChevronRight, - 'octicon-chevron-left': octiconChevronLeft, - 'octicon-organization': octiconOrganization, - 'octicon-tag': octiconTag, - 'octicon-git-branch': octiconGitBranch, - 'octicon-rss': octiconRss, + 'octicon-x-circle-fill': octiconXCircleFill }; // TODO: use a more general approach to access SVG icons. diff --git a/web_src/svg/gitea-empty-checkbox.svg b/web_src/svg/gitea-empty-checkbox.svg new file mode 100644 index 000000000..f0ef20a3b --- /dev/null +++ b/web_src/svg/gitea-empty-checkbox.svg @@ -0,0 +1 @@ + \ No newline at end of file