change style

This commit is contained in:
naskya 2023-06-08 17:47:21 +00:00
parent 37d5d98710
commit 81647316bc
3 changed files with 23 additions and 1 deletions

View file

@ -128,7 +128,7 @@
<button
v-else-if="!item.hidden"
class="_button item"
:class="{ danger: item.danger, active: item.active }"
:class="{ danger: item.danger, accent: item.accent, active: item.active }"
:disabled="item.active"
@click="clicked(item.action, $event)"
@mouseenter.passive="onItemMouseEnter(item)"
@ -398,6 +398,26 @@ onBeforeUnmount(() => {
}
}
&.accent {
color: var(--accent);
&:hover {
color: var(--accent);
&:before {
background: var(--accentedBg);
}
}
&:active {
color: var(--fgOnAccent);
&:before {
background: var(--accent);
}
}
}
&.active {
color: var(--fgOnAccent);
opacity: 1;

View file

@ -393,6 +393,7 @@ export function getNoteMenu(props: {
? {
icon: "ph-pencil-line ph-bold ph-lg",
text: i18n.ts.edit,
accent: true,
action: edit,
}
: undefined,

View file

@ -51,6 +51,7 @@ export type MenuButton = {
icon?: string;
indicate?: boolean;
danger?: boolean;
accent?: boolean;
active?: boolean;
hidden?: boolean;
avatar?: Misskey.entities.User;