-
+
RN: ...
@@ -88,7 +88,7 @@ onUpdated(() => {
padding: 16px;
margin: 0 0 0 auto;
max-width: max-content;
- border-radius: 16px;
+ border-radius: 4px;
}
.richcontent {
diff --git a/packages/frontend/src/scripts/get-drive-file-menu.ts b/packages/frontend/src/scripts/get-drive-file-menu.ts
index 096410824..a01df8cf5 100644
--- a/packages/frontend/src/scripts/get-drive-file-menu.ts
+++ b/packages/frontend/src/scripts/get-drive-file-menu.ts
@@ -78,50 +78,50 @@ export function getDriveFileMenu(file: Misskey.entities.DriveFile, folder?: Miss
let menu;
menu = [{
text: i18n.ts.rename,
- icon: 'ti ti-forms',
+ icon: 'ph-textbox ph-bold ph-lg',
action: () => rename(file),
}, {
text: file.isSensitive ? i18n.ts.unmarkAsSensitive : i18n.ts.markAsSensitive,
- icon: file.isSensitive ? 'ti ti-eye' : 'ti ti-eye-exclamation',
+ icon: file.isSensitive ? 'ph-eye ph-bold ph-lg' : 'ph-eye-closed ph-bold ph-lg',
action: () => toggleSensitive(file),
}, {
text: i18n.ts.describeFile,
- icon: 'ti ti-text-caption',
+ icon: 'ph-text-indent ph-bold ph-lg',
action: () => describe(file),
}, ...isImage ? [{
text: i18n.ts.cropImage,
- icon: 'ti ti-crop',
+ icon: 'ph-crop ph-bold ph-lg',
action: () => os.cropImage(file, {
aspectRatio: NaN,
uploadFolder: folder ? folder.id : folder,
}),
}] : [], null, {
text: i18n.ts.createNoteFromTheFile,
- icon: 'ti ti-pencil',
+ icon: 'ph-pencil ph-bold ph-lg',
action: () => os.post({
initialFiles: [file],
}),
}, {
text: i18n.ts.copyUrl,
- icon: 'ti ti-link',
+ icon: 'ph-link ph-bold ph-lg',
action: () => copyUrl(file),
}, {
type: 'a',
href: file.url,
target: '_blank',
text: i18n.ts.download,
- icon: 'ti ti-download',
+ icon: 'ph-download ph-bold ph-lg',
download: file.name,
}, null, {
text: i18n.ts.delete,
- icon: 'ti ti-trash',
+ icon: 'ph-trash ph-bold ph-lg',
danger: true,
action: () => deleteFile(file),
}];
if (defaultStore.state.devMode) {
menu = menu.concat([null, {
- icon: 'ti ti-id',
+ icon: 'ph-identification-card ph-bold ph-lg',
text: i18n.ts.copyFileId,
action: () => {
copyToClipboard(file.id);
diff --git a/packages/frontend/src/scripts/get-note-menu.ts b/packages/frontend/src/scripts/get-note-menu.ts
index 99475d623..4889efe10 100644
--- a/packages/frontend/src/scripts/get-note-menu.ts
+++ b/packages/frontend/src/scripts/get-note-menu.ts
@@ -60,7 +60,7 @@ export async function getNoteClipMenu(props: {
);
},
})), null, {
- icon: 'ti ti-plus',
+ icon: 'ph-plus ph-bold ph-lg',
text: i18n.ts.createNew,
action: async () => {
const { canceled, result } = await os.form(i18n.ts.createNewClip, {
@@ -94,7 +94,7 @@ export async function getNoteClipMenu(props: {
export function getAbuseNoteMenu(note: misskey.entities.Note, text: string): MenuItem {
return {
- icon: 'ti ti-exclamation-circle',
+ icon: 'ph-warning-circle ph-bold ph-lg',
text,
action: (): void => {
const u = note.url ?? note.uri ?? `${url}/notes/${note.id}`;
@@ -108,7 +108,7 @@ export function getAbuseNoteMenu(note: misskey.entities.Note, text: string): Men
export function getCopyNoteLinkMenu(note: misskey.entities.Note, text: string): MenuItem {
return {
- icon: 'ti ti-link',
+ icon: 'ph-link ph-bold ph-lg',
text,
action: (): void => {
copyToClipboard(`${url}/notes/${note.id}`);
@@ -267,74 +267,74 @@ export function getNoteMenu(props: {
menu = [
...(
props.currentClip?.userId === $i.id ? [{
- icon: 'ti ti-backspace',
+ icon: 'ph-backspace ph-bold ph-lg',
text: i18n.ts.unclip,
danger: true,
action: unclip,
}, null] : []
), {
- icon: 'ti ti-info-circle',
+ icon: 'ph-info ph-bold ph-lg',
text: i18n.ts.details,
action: openDetail,
}, {
- icon: 'ti ti-copy',
+ icon: 'ph-copy ph-bold ph-lg',
text: i18n.ts.copyContent,
action: copyContent,
}, getCopyNoteLinkMenu(appearNote, i18n.ts.copyLink)
, (appearNote.url || appearNote.uri) ? {
- icon: 'ti ti-external-link',
+ icon: 'ph-arrow-square-out ph-bold ph-lg',
text: i18n.ts.showOnRemote,
action: () => {
window.open(appearNote.url ?? appearNote.uri, '_blank');
},
} : undefined,
{
- icon: 'ti ti-share',
+ icon: 'ph-share-network ph-bold pg-lg',
text: i18n.ts.share,
action: share,
},
instance.translatorAvailable ? {
- icon: 'ti ti-language-hiragana',
+ icon: 'ph-translate ph-bold ph-lg',
text: i18n.ts.translate,
action: translate,
} : undefined,
null,
statePromise.then(state => state.isFavorited ? {
- icon: 'ti ti-star-off',
+ icon: 'ph-star-half ph-bold pg-lg',
text: i18n.ts.unfavorite,
action: () => toggleFavorite(false),
} : {
- icon: 'ti ti-star',
+ icon: 'ph-star ph-bold pg-lg',
text: i18n.ts.favorite,
action: () => toggleFavorite(true),
}),
{
type: 'parent' as const,
- icon: 'ti ti-paperclip',
+ icon: 'ph-paperclip ph-bold ph-lg',
text: i18n.ts.clip,
children: () => getNoteClipMenu(props),
},
statePromise.then(state => state.isMutedThread ? {
- icon: 'ti ti-message-off',
+ icon: 'ph-bell-slash ph-bold ph-lg',
text: i18n.ts.unmuteThread,
action: () => toggleThreadMute(false),
} : {
- icon: 'ti ti-message-off',
+ icon: 'ph-bell-slash ph-bold ph-lg',
text: i18n.ts.muteThread,
action: () => toggleThreadMute(true),
}),
appearNote.userId === $i.id ? ($i.pinnedNoteIds ?? []).includes(appearNote.id) ? {
- icon: 'ti ti-pinned-off',
+ icon: 'ph-push-pin ph-bold ph-lgned-off',
text: i18n.ts.unpin,
action: () => togglePin(false),
} : {
- icon: 'ti ti-pin',
+ icon: 'ph-push-pin ph-bold ph-lg',
text: i18n.ts.pin,
action: () => togglePin(true),
} : undefined,
{
type: 'parent' as const,
- icon: 'ti ti-user',
+ icon: 'ph-user ph-bold ph-lg',
text: i18n.ts.user,
children: async () => {
const user = appearNote.userId === $i?.id ? $i : await os.api('users/show', { userId: appearNote.userId });
@@ -347,7 +347,7 @@ export function getNoteMenu(props: {
...($i.isModerator || $i.isAdmin ? [
null,
{
- icon: 'ti ti-speakerphone',
+ icon: 'ph-megaphone ph-bold ph-lg',
text: i18n.ts.promote,
action: promote
}]
@@ -362,18 +362,18 @@ export function getNoteMenu(props: {
...(appearNote.userId === $i.id || $i.isModerator || $i.isAdmin ? [
null,
appearNote.userId === $i.id ? {
- icon: 'ti ti-pencil',
+ icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.edit,
action: edit,
} : undefined,
{
- icon: 'ti ti-edit',
+ icon: 'ph-pencil-line ph-bold pg-lg',
text: i18n.ts.deleteAndEdit,
danger: true,
action: delEdit,
},
{
- icon: 'ti ti-trash',
+ icon: 'ph-trash ph-bold ph-lg',
text: i18n.ts.delete,
danger: true,
action: del,
@@ -383,16 +383,16 @@ export function getNoteMenu(props: {
.filter(x => x !== undefined);
} else {
menu = [{
- icon: 'ti ti-info-circle',
+ icon: 'ph-info ph-bold ph-lg',
text: i18n.ts.details,
action: openDetail,
}, {
- icon: 'ti ti-copy',
+ icon: 'ph-copy ph-bold ph-lg',
text: i18n.ts.copyContent,
action: copyContent,
}, getCopyNoteLinkMenu(appearNote, i18n.ts.copyLink)
, (appearNote.url || appearNote.uri) ? {
- icon: 'ti ti-external-link',
+ icon: 'ph-arrow-square-out ph-bold ph-lg',
text: i18n.ts.showOnRemote,
action: () => {
window.open(appearNote.url ?? appearNote.uri, '_blank');
@@ -403,7 +403,7 @@ export function getNoteMenu(props: {
if (noteActions.length > 0) {
menu = menu.concat([null, ...noteActions.map(action => ({
- icon: 'ti ti-plug',
+ icon: 'ph-plug ph-bold ph-lg',
text: action.title,
action: () => {
action.handler(appearNote);
@@ -413,7 +413,7 @@ export function getNoteMenu(props: {
if (defaultStore.state.devMode) {
menu = menu.concat([null, {
- icon: 'ti ti-id',
+ icon: 'ph-identification-card ph-bold ph-lg',
text: i18n.ts.copyNoteId,
action: () => {
copyToClipboard(appearNote.id);
diff --git a/packages/frontend/src/scripts/get-user-menu.ts b/packages/frontend/src/scripts/get-user-menu.ts
index 128cbafb1..24ca93495 100644
--- a/packages/frontend/src/scripts/get-user-menu.ts
+++ b/packages/frontend/src/scripts/get-user-menu.ts
@@ -137,46 +137,46 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
}
let menu = [{
- icon: 'ti ti-at',
+ icon: 'ph-at ph-bold ph-lg',
text: i18n.ts.copyUsername,
action: () => {
copyToClipboard(`@${user.username}@${user.host ?? host}`);
},
}, ...(iAmModerator ? [{
- icon: 'ti ti-user-exclamation',
+ icon: 'ph-warning-circle ph-bold ph-lg',
text: i18n.ts.moderation,
action: () => {
router.push(`/admin/user/${user.id}`);
},
}] : []), {
- icon: 'ti ti-rss',
+ icon: 'ph-rss ph-bold ph-lg',
text: i18n.ts.copyRSS,
action: () => {
copyToClipboard(`${user.host ?? host}/@${user.username}.atom`);
},
}, {
- icon: 'ti ti-share',
+ icon: 'ph-share-network ph-bold pg-lg',
text: i18n.ts.copyProfileUrl,
action: () => {
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${toUnicode(user.host)}`;
copyToClipboard(`${url}/${canonical}`);
},
}, {
- icon: 'ti ti-mail',
+ icon: 'ph-envelope ph-bold ph-lg',
text: i18n.ts.sendMessage,
action: () => {
const canonical = user.host === null ? `@${user.username}` : `@${user.username}@${user.host}`;
os.post({ specified: user, initialText: `${canonical} ` });
},
}, null, {
- icon: 'ti ti-pencil',
+ icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.editMemo,
action: () => {
editMemo();
},
}, {
type: 'parent',
- icon: 'ti ti-list',
+ icon: 'ph-list ph-bold pg-lg',
text: i18n.ts.addToList,
children: async () => {
const lists = await userListsCache.fetch();
@@ -209,7 +209,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
},
}, {
type: 'parent',
- icon: 'ti ti-antenna',
+ icon: 'ph-flying-saucer ph-bold pg-lg',
text: i18n.ts.addToAntenna,
children: async () => {
const antennas = await antennasCache.fetch();
@@ -240,7 +240,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if (iAmModerator) {
menu = menu.concat([{
type: 'parent',
- icon: 'ti ti-badges',
+ icon: 'ph-seal-check ph-bold pg-lg',
text: i18n.ts.roles,
children: async () => {
const roles = await rolesCache.fetch();
@@ -282,36 +282,36 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
// フォローしたとしても user.isFollowing はリアルタイム更新されないので不便なため
//if (user.isFollowing) {
menu = menu.concat([{
- icon: user.notify === 'none' ? 'ti ti-bell' : 'ti ti-bell-off',
+ icon: user.notify === 'none' ? 'ph-bell ph-bold pg-lg' : 'ph-bell ph-bold pg-lg-off',
text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes,
action: toggleNotify,
}]);
//}
menu = menu.concat([null, {
- icon: user.isMuted ? 'ti ti-eye' : 'ti ti-eye-off',
+ icon: user.isMuted ? 'ph-eye ph-bold ph-lg' : 'ph-eye-slash ph-bold ph-lg',
text: user.isMuted ? i18n.ts.unmute : i18n.ts.mute,
action: toggleMute,
}, {
- icon: user.isRenoteMuted ? 'ti ti-repeat' : 'ti ti-repeat-off',
+ icon: user.isRenoteMuted ? 'ph-repeat ph-bold ph-lg' : 'ph-repeat ph-bold ph-lg-off',
text: user.isRenoteMuted ? i18n.ts.renoteUnmute : i18n.ts.renoteMute,
action: toggleRenoteMute,
}, {
- icon: 'ti ti-ban',
+ icon: 'ph-prohibit ph-bold ph-lg',
text: user.isBlocking ? i18n.ts.unblock : i18n.ts.block,
action: toggleBlock,
}]);
if (user.isFollowed) {
menu = menu.concat([{
- icon: 'ti ti-link-off',
+ icon: 'ph-link ph-bold ph-lg-off',
text: i18n.ts.breakFollow,
action: invalidateFollow,
}]);
}
menu = menu.concat([null, {
- icon: 'ti ti-exclamation-circle',
+ icon: 'ph-warning-circle ph-bold ph-lg',
text: i18n.ts.reportAbuse,
action: reportAbuse,
}]);
@@ -319,7 +319,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if (defaultStore.state.devMode) {
menu = menu.concat([null, {
- icon: 'ti ti-id',
+ icon: 'ph-identification-card ph-bold ph-lg',
text: i18n.ts.copyUserId,
action: () => {
copyToClipboard(user.id);
@@ -329,7 +329,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if ($i && meId === user.id) {
menu = menu.concat([null, {
- icon: 'ti ti-pencil',
+ icon: 'ph-pencil ph-bold ph-lg',
text: i18n.ts.editProfile,
action: () => {
router.push('/settings/profile');
@@ -339,7 +339,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: Router
if (userActions.length > 0) {
menu = menu.concat([null, ...userActions.map(action => ({
- icon: 'ti ti-plug',
+ icon: 'ph-plug ph-bold ph-lg',
text: action.title,
action: () => {
action.handler(user);
diff --git a/packages/frontend/src/scripts/select-file.ts b/packages/frontend/src/scripts/select-file.ts
index 53e2cd5b1..674c762fa 100644
--- a/packages/frontend/src/scripts/select-file.ts
+++ b/packages/frontend/src/scripts/select-file.ts
@@ -92,15 +92,15 @@ function select(src: any, label: string | null, multiple: boolean): Promise
chooseFileFromPc(multiple, keepOriginal.value).then(files => res(files)),
}, {
text: i18n.ts.fromDrive,
- icon: 'ti ti-cloud',
+ icon: 'ph-cloud ph-bold ph-lg',
action: () => chooseFileFromDrive(multiple).then(files => res(files)),
}, {
text: i18n.ts.fromUrl,
- icon: 'ti ti-link',
+ icon: 'ph-link ph-bold ph-lg',
action: () => chooseFileFromUrl().then(file => res([file])),
}], src);
});
diff --git a/packages/frontend/src/store.ts b/packages/frontend/src/store.ts
index 53d9b06ab..69306d5b9 100644
--- a/packages/frontend/src/store.ts
+++ b/packages/frontend/src/store.ts
@@ -63,11 +63,11 @@ export const defaultStore = markRaw(new Storage('base', {
},
collapseRenotes: {
where: 'account',
- default: true,
+ default: false,
},
collapseFiles: {
where: 'account',
- default: true,
+ default: false,
},
rememberNoteVisibility: {
where: 'account',
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss
index 6efb6077c..df2f953c5 100644
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -15,7 +15,7 @@
*/
:root {
- --radius: 12px;
+ --radius: 5px;
--marginFull: 16px;
--marginHalf: 10px;
@@ -140,7 +140,7 @@ hr {
background: var(--divider);
}
-.ti {
+.ph-bold {
width: 1.28em;
vertical-align: -12%;
line-height: 1em;
@@ -391,7 +391,7 @@ hr {
vertical-align: bottom;
height: 128px;
margin-bottom: 16px;
- border-radius: 16px;
+ border-radius: 4px;
}
}
diff --git a/packages/frontend/src/ui/_common_/announcements.vue b/packages/frontend/src/ui/_common_/announcements.vue
index 2b1133d47..913fa35cc 100644
--- a/packages/frontend/src/ui/_common_/announcements.vue
+++ b/packages/frontend/src/ui/_common_/announcements.vue
@@ -12,10 +12,10 @@ SPDX-License-Identifier: AGPL-3.0-only
to="/announcements"
>
-
-
-
-
+
+
+
+
{{ announcement.title }}
{{ announcement.text }}
diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts
index 49fe5a834..3810be4fe 100644
--- a/packages/frontend/src/ui/_common_/common.ts
+++ b/packages/frontend/src/ui/_common_/common.ts
@@ -16,61 +16,61 @@ export function openInstanceMenu(ev: MouseEvent) {
}, {
type: 'link',
text: i18n.ts.instanceInfo,
- icon: 'ti ti-info-circle',
+ icon: 'ph-info ph-bold ph-lg',
to: '/about',
}, {
type: 'link',
text: i18n.ts.customEmojis,
- icon: 'ti ti-icons',
+ icon: 'ph-smiley ph-bold pg-lg',
to: '/about#emojis',
}, {
type: 'link',
text: i18n.ts.federation,
- icon: 'ti ti-whirl',
+ icon: 'ph-globe-hemisphere-west ph-bold ph-lg',
to: '/about#federation',
}, {
type: 'link',
text: i18n.ts.charts,
- icon: 'ti ti-chart-line',
+ icon: 'ph-chart-line ph-bold pg-lg',
to: '/about#charts',
}, null, {
type: 'link',
text: i18n.ts.ads,
- icon: 'ti ti-ad',
+ icon: 'ph-flag ph-bold ph-lg',
to: '/ads',
}, ($i && ($i.isAdmin || $i.policies.canInvite) && instance.disableRegistration) ? {
type: 'link',
to: '/invite',
text: i18n.ts.invite,
- icon: 'ti ti-user-plus',
+ icon: 'ph-user-plus ph-bold ph-lg',
} : undefined, {
type: 'parent',
text: i18n.ts.tools,
- icon: 'ti ti-tool',
+ icon: 'ph-wrench ph-bold ph-lg',
children: [{
type: 'link',
to: '/scratchpad',
text: i18n.ts.scratchpad,
- icon: 'ti ti-terminal-2',
+ icon: 'ph-terminal-window ph-bold ph-lg-2',
}, {
type: 'link',
to: '/api-console',
text: 'API Console',
- icon: 'ti ti-terminal-2',
+ icon: 'ph-terminal-window ph-bold ph-lg-2',
}, {
type: 'link',
to: '/clicker',
text: '🍪👈',
- icon: 'ti ti-cookie',
+ icon: 'ph-cookie ph-bold pg-lg',
}, ($i && ($i.isAdmin || $i.policies.canManageCustomEmojis)) ? {
type: 'link',
to: '/custom-emojis-manager',
text: i18n.ts.manageCustomEmojis,
- icon: 'ti ti-icons',
+ icon: 'ph-smiley ph-bold pg-lg',
} : undefined],
}, null, {
text: i18n.ts.help,
- icon: 'ti ti-help-circle',
+ icon: 'ph-question ph-bold ph-lg',
action: () => {
window.open('https://misskey-hub.net/help.html', '_blank');
},
diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
index eed4cc777..70dbc7e0b 100644
--- a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
+++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue
@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only