Skip to content
This repository has been archived by the owner on Jan 31, 2024. It is now read-only.

Last minute UI tweaks #146

Merged
merged 2 commits into from
Nov 7, 2023
Merged

Last minute UI tweaks #146

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d536d07
fix: border radius
wont-work Nov 7, 2023
4de7361
fix: pointer cursor on edit history button
wont-work Nov 7, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/frontend/src/components/MkNoteHeader.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i>
<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i>
</span>
<span v-if="note.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil ph-bold ph-lg"></i></span>
<span v-if="note.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em; cursor: pointer;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil ph-bold ph-lg"></i></span>
<span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold ph-lg"></i></span>
<span v-if="note.channel" style="margin-left: 0.5em;" :title="note.channel.name"><i class="ph-television ph-bold ph-lg"></i></span>
</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/frontend/src/components/MkNotification.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -358,7 +358,7 @@ const rejectFollowRequest = () => {
width: 20px;
height: 20px;
box-sizing: border-box;
border-radius: 100%;
border-radius: var(--radius-full);
background: var(--panel);
box-shadow: 0 0 0 3px var(--panel);
font-size: 11px;
Expand Down
2 changes: 1 addition & 1 deletion packages/frontend/src/components/MkTutorialDialog.PostNote.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ const exampleCWNote = reactive<Misskey.entities.Note>({
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}

Expand Down
2 changes: 1 addition & 1 deletion packages/frontend/src/components/MkTutorialDialog.Sensitive.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ const exampleNote = reactive<Misskey.entities.Note>({
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}

Expand Down
2 changes: 1 addition & 1 deletion packages/frontend/src/components/MkTutorialDialog.Timeline.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ import { i18n } from '@/i18n.js';
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}

Expand Down
2 changes: 1 addition & 1 deletion packages/frontend/src/components/MkUserOnlineIndicator.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,7 @@ const text = $computed(() => {
.root {
box-shadow: 0 0 0 3px var(--panel);

// sharkey(ShittyKopper): the comment mentions something about 100% radius not behaving correctly on blink.
// sharkey: the comment mentions something about 100% radius not behaving correctly on blink.
// couldn't reproduce, assuming the 120% here was just an old workaround
border-radius: var(--radius-full); // Blinkのバグか知らんけど、100%ぴったりにすると何故か若干楕円でレンダリングされる

Expand Down
8 changes: 4 additions & 4 deletions packages/frontend/src/components/global/MkAvatar.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -159,7 +159,7 @@ watch(() => props.user.avatarBlurhash, () => {
display: inline-block;
vertical-align: bottom;
flex-shrink: 0;
border-radius: 100%;
border-radius: 100%; // sharkey: controlled by square avatars setting!
line-height: 16px;
}

Expand All @@ -169,7 +169,7 @@ watch(() => props.user.avatarBlurhash, () => {
left: 0;
right: 0;
top: 0;
border-radius: 100%;
border-radius: 100%; // sharkey: controlled by square avatars setting!
z-index: 1;
overflow: clip;
object-fit: cover;
Expand All @@ -187,10 +187,10 @@ watch(() => props.user.avatarBlurhash, () => {
}

.square {
border-radius: 20%;
border-radius: 20%; // sharkey: controlled by square avatars setting!

> .inner {
border-radius: 20%;
border-radius: 20%; // sharkey: controlled by square avatars setting!
}
}

Expand Down
Loading