diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-05-22 22:56:38 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-05-22 22:56:38 +0900 |
| commit | e6e8bfa591b28de29709139d4d238205d7a7e171 (patch) | |
| tree | 87091efbe1f4662171deabda8068183f85c1123c /packages/frontend/src | |
| parent | fix(deps): update [backend] update dependencies (#15911) (diff) | |
| download | misskey-e6e8bfa591b28de29709139d4d238205d7a7e171.tar.gz misskey-e6e8bfa591b28de29709139d4d238205d7a7e171.tar.bz2 misskey-e6e8bfa591b28de29709139d4d238205d7a7e171.zip | |
feat(frontend): tabler-iconsのサブセット化 (#15340)
* feat(frontend): tabler-iconsの使用されていないアイコンを削除するように
* fix
* fix
* fix
* fix
* fix
* Update Changelog
* enhance: tablerのCSSを使用されているクラスのみに限定
* 使用するアイコンパッケージをそろえる
* Update CONTRIBUTING.md
* Update CONTRIBUTING.md
* spdx
* typo
* fix: サブセットから除外される書き方をしている部分を修正
* fix: 同じunicodeに複数のアイコンclassが割り当てられている場合に対応
* remove debug code
* Update CHANGELOG.md
* fix merge error
* setup renovate
* fix: woff2ではなくwoffに変換していたのを修正
* update deps
* update changelog
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/_boot_.ts | 6 | ||||
| -rw-r--r-- | packages/frontend/src/components/MkDrive.folder.vue | 8 |
2 files changed, 8 insertions, 6 deletions
diff --git a/packages/frontend/src/_boot_.ts b/packages/frontend/src/_boot_.ts index 3241f2dc92..354fb95544 100644 --- a/packages/frontend/src/_boot_.ts +++ b/packages/frontend/src/_boot_.ts @@ -6,7 +6,11 @@ // https://vitejs.dev/config/build-options.html#build-modulepreload import 'vite/modulepreload-polyfill'; -import '@tabler/icons-webfont/dist/tabler-icons.scss'; +if (import.meta.env.DEV) { + await import('@tabler/icons-webfont/dist/tabler-icons.scss'); +} else { + await import('icons-subsetter/built/tabler-icons-frontend.css'); +} import '@/style.scss'; import { mainBoot } from '@/boot/main-boot.js'; diff --git a/packages/frontend/src/components/MkDrive.folder.vue b/packages/frontend/src/components/MkDrive.folder.vue index 83472eec3d..8ba7520f35 100644 --- a/packages/frontend/src/components/MkDrive.folder.vue +++ b/packages/frontend/src/components/MkDrive.folder.vue @@ -26,7 +26,7 @@ SPDX-License-Identifier: AGPL-3.0-only {{ i18n.ts.uploadFolder }} </div> <button v-if="selectMode" class="_button" :class="$style.checkboxWrapper" @click.prevent.stop="checkboxClicked"> - <div :class="[$style.checkbox, { [$style.checked]: isSelected }]"></div> + <div :class="[$style.checkbox, { [$style.checked]: isSelected, 'ti ti-check': isSelected }]"></div> </button> </div> </template> @@ -368,16 +368,14 @@ function onContextmenu(ev: MouseEvent) { border-color: var(--MI_THEME-accent); background: var(--MI_THEME-accent); - &::after { - content: "\ea5e"; - font-family: 'tabler-icons'; + &::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 12px; - line-height: 22px; + line-height: 18px; } } } |