sendnrw/misskey
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
syuilo
2021-02-17 21:27:11 +09:00
parent ffb0dadbc7
commit 10f9fd6146
5 changed files with 47 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/client/ui/chat/index.vue
View File

@@ -200,6 +200,11 @@ export default defineComponent({
},
created() {
if (window.innerWidth < 1024) {
localStorage.setItem('ui', 'default');
location.reload();
}
router.beforeEach((to, from) => {
this.$refs.side.navigate(to.fullPath);
// search?q=foo のようなクエリを受け取れるようにするため、return falseはできない
@@ -414,10 +419,12 @@ export default defineComponent({
> .body {
flex: 1;
min-width: 0;
padding: 8px 0;
overflow: auto;
> .container {
margin-top: 8px;
margin-bottom: 8px;
& + .container {
margin-top: 16px;
}
@@ -426,10 +433,21 @@ export default defineComponent({
display: flex;
font-size: 0.9em;
padding: 8px 16px;
opacity: 0.7;
position: sticky;
top: 0;
background: var(--X17);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
z-index: 1;
color: var(--fgTransparentWeak);
> .add {
margin-left: auto;
color: var(--fgTransparentWeak);
&:hover {
color: var(--fg);
}
}
}
@@ -448,11 +466,11 @@ export default defineComponent({
&.active, &.active:hover {
background: var(--accent);
color: #fff;
color: #fff !important;
}
&.read {
opacity: 0.5;
color: var(--fgTransparent);
}
> .icon {
@@ -527,6 +545,7 @@ export default defineComponent({
> .instance {
margin-right: 16px;
font-size: 0.9em;
}
> .clock {

10
src/client/ui/chat/note.vue
View File

@@ -65,21 +65,21 @@
</div>
<XReactionsViewer :note="appearNote" ref="reactionsViewer"/>
<footer class="footer _panel">
<button @click="reply()" class="button _button">
<button @click="reply()" class="button _button" v-tooltip="$ts.reply">
<template v-if="appearNote.reply"><Fa :icon="faReplyAll"/></template>
<template v-else><Fa :icon="faReply"/></template>
<p class="count" v-if="appearNote.repliesCount > 0">{{ appearNote.repliesCount }}</p>
</button>
<button v-if="canRenote" @click="renote()" class="button _button" ref="renoteButton">
<button v-if="canRenote" @click="renote()" class="button _button" ref="renoteButton" v-tooltip="$ts.renote">
<Fa :icon="faRetweet"/><p class="count" v-if="appearNote.renoteCount > 0">{{ appearNote.renoteCount }}</p>
</button>
<button v-else class="button _button">
<Fa :icon="faBan"/>
</button>
<button v-if="appearNote.myReaction == null" class="button _button" @click="react()" ref="reactButton">
<button v-if="appearNote.myReaction == null" class="button _button" @click="react()" ref="reactButton" v-tooltip="$ts.reaction">
<Fa :icon="faPlus"/>
</button>
<button v-if="appearNote.myReaction != null" class="button _button reacted" @click="undoReact(appearNote)" ref="reactButton">
<button v-if="appearNote.myReaction != null" class="button _button reacted" @click="undoReact(appearNote)" ref="reactButton" v-tooltip="$ts.reaction">
<Fa :icon="faMinus"/>
</button>
<button class="button _button" @click="menu()" ref="menuButton">
@@ -911,7 +911,7 @@ export default defineComponent({
align-items: center;
padding: 12px 16px 4px 16px;
line-height: 24px;
font-size: 90%;
font-size: 85%;
white-space: pre;
color: #d28a3f;