Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-31 22:08:48 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 fix https://github.com/siyuan-note/siyuan/issues/8157

Browse source
This commit is contained in:
Vanessa 2023-05-02 23:38:38 +08:00
parent 132cef442f
commit 8fb629db73
4 changed files with 22 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/assets/scss/protyle/_protyle.scss
View file

@ -377,7 +377,7 @@
}
&[custom-riff-decks] {
box-shadow: 3px 0px 0px -1px var(--b3-protyle-inline-mark-background)
box-shadow: -3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
}
&__icon {

2
app/src/assets/scss/protyle/_wysiwyg.scss
View file

@ -16,7 +16,7 @@
position: relative;
&[custom-riff-decks] {
box-shadow: 3px 0px 0px -1px var(--b3-protyle-inline-mark-background);
box-shadow: -3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
}
[spellcheck] {

9
app/src/assets/scss/util/_keyframes.scss
View file

@ -1,3 +1,12 @@
@keyframes addCard {
0% {
box-shadow: -100vw 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
}
100% {
box-shadow: -3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset;
}
}
@keyframes fadeIn {
0% {
opacity: 0;

12
app/src/protyle/wysiwyg/transaction.ts
View file

@ -450,7 +450,11 @@ export const onTransaction = (protyle: IProtyle, operation: IOperation, focus: b
nodeAttrHTML += refElement.outerHTML;
}
if (data.new["custom-riff-decks"]) {
protyle.title.element.style.animation = "addCard 450ms linear";
protyle.title.element.setAttribute("custom-riff-decks", data.new["custom-riff-decks"]);
setTimeout(() => {
protyle.title.element.style.animation = "";
}, 450)
} else {
protyle.title.element.removeAttribute("custom-riff-decks");
}
@ -473,7 +477,7 @@ export const onTransaction = (protyle: IProtyle, operation: IOperation, focus: b
}
return;
}
protyle.wysiwyg.element.querySelectorAll(`[data-node-id="${operation.id}"]`).forEach(item => {
protyle.wysiwyg.element.querySelectorAll(`[data-node-id="${operation.id}"]`).forEach((item: HTMLElement) => {
if (item.getAttribute("data-type") === "NodeThematicBreak") {
return;
}
@ -482,6 +486,12 @@ export const onTransaction = (protyle: IProtyle, operation: IOperation, focus: b
});
Object.keys(data.new).forEach(key => {
item.setAttribute(key, data.new[key]);
if (key === "custom-riff-decks") {
item.style.animation = "addCard 450ms linear";
setTimeout(() => {
item.style.animation = "";
}, 450)
}
});
const refElement = item.lastElementChild.querySelector(".protyle-attr--refcount");
if (refElement) {