Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-24 02:20:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 btn

Browse source
This commit is contained in:
Vanessa 2022-12-23 20:56:57 +08:00
parent 2377e05ba4
commit 79b82196eb
2 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
app/src/assets/scss/_button.scss
View file

@ -103,6 +103,21 @@
} }
} }
&--error {
color: var(--b3-card-error-color);
background-color: var(--b3-card-error-background);
}
&--warning {
color: var(--b3-card-warning-color);
background-color: var(--b3-card-warning-background);
}
&--success {
color: var(--b3-card-success-color);
background-color: var(--b3-card-success-background);
}
&:disabled { &:disabled {
opacity: 0.37; opacity: 0.37;
cursor: not-allowed; cursor: not-allowed;

8
app/src/card/openCard.ts
View file

@ -30,13 +30,13 @@ export const openCard = () => {
<div class="b3-dialog__cardblock b3-dialog__cardblock--show fn__flex-1${blocks.length === 0 ? " fn__none" : ""}" data-type="render"></div> <div class="b3-dialog__cardblock b3-dialog__cardblock--show fn__flex-1${blocks.length === 0 ? " fn__none" : ""}" data-type="render"></div>
<div class="b3-dialog__cardempty${blocks.length === 0 ? "" : " fn__none"}" data-type="empty">${window.siyuan.languages.noDueCard}</div> <div class="b3-dialog__cardempty${blocks.length === 0 ? "" : " fn__none"}" data-type="empty">${window.siyuan.languages.noDueCard}</div>
<div class="fn__flex b3-dialog__cardaction${blocks.length === 0 ? " fn__none" : ""}" style="flex-wrap: wrap" data-type="action"> <div class="fn__flex b3-dialog__cardaction${blocks.length === 0 ? " fn__none" : ""}" style="flex-wrap: wrap" data-type="action">
<button data-type="-1" class="b3-button">Show (S)</button> <button data-type="-1" class="b3-button b3-button--outline">Show (S)</button>
<span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span> <span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span>
<button data-type="0" class="b3-button">Again (A)</button> <button data-type="0" class="b3-button b3-button--error">Again (A)</button>
<span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span> <span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span>
<button data-type="1" class="b3-button">Hard (H)</button> <button data-type="1" class="b3-button b3-button--warning">Hard (H)</button>
<span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span> <span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span>
<button data-type="2" class="b3-button">Good (G)</button> <button data-type="2" class="b3-button b3-button--success">Good (G)</button>
<span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span> <span class="${isMobile() ? "fn__space" : "fn__flex-1"}"></span>
<button data-type="3" class="b3-button">Easy (E)</button> <button data-type="3" class="b3-button">Easy (E)</button>
</div> </div>