fix a bunch of CSS variables
This commit is contained in:
parent
9937ff39be
commit
3d1e35c9b8
6 changed files with 37 additions and 37 deletions
|
|
@ -157,7 +157,7 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
<i class="ph-heart ph-bold ph-lg"></i>
|
||||
</button>
|
||||
<button ref="reactButton" :class="$style.footerButton" class="_button" @click="toggleReact()" @click.stop>
|
||||
<i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--love);"></i>
|
||||
<i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--MI_THEME-love);"></i>
|
||||
<i v-else-if="appearNote.myReaction != null" class="ti ti-minus" style="color: var(--MI_THEME-accent);"></i>
|
||||
<i v-else-if="appearNote.reactionAcceptance === 'likeOnly'" class="ti ti-heart"></i>
|
||||
<i v-else class="ph-smiley ph-bold ph-lg"></i>
|
||||
|
|
@ -1147,7 +1147,7 @@ function emitUpdReaction(emoji: string, delta: number) {
|
|||
width: 100%;
|
||||
margin-top: 14px;
|
||||
position: sticky;
|
||||
bottom: calc(var(--stickyBottom, 0px) - 100px);
|
||||
bottom: calc(var(--MI-stickyBottom, 0px) - 100px);
|
||||
}
|
||||
|
||||
.showLessLabel {
|
||||
|
|
@ -1356,7 +1356,7 @@ function emitUpdReaction(emoji: string, delta: number) {
|
|||
|
||||
.avatar {
|
||||
margin: 0 10px 0 0;
|
||||
top: calc(14px + var(--stickyTop, 0px));
|
||||
top: calc(14px + var(--MI-stickyTop, 0px));
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue