文件
mynode/packages/lib/services/noteList/checkboxPieCss.ts
chen 301194963b
一些检查失败了
automerge / automerge (push) Has been cancelled
react-native-android-build-apk / AssembleRelease (push) Has been cancelled
Build macOS M1 / Main (push) Has been cancelled
Joplin Continuous Integration / Main (macos-15-intel) (push) Has been cancelled
Joplin Continuous Integration / Main (ubuntu-22.04) (push) Has been cancelled
Joplin Continuous Integration / Main (ubuntu-22.04-arm) (push) Has been cancelled
Joplin Continuous Integration / Main (windows-11-vs2026-arm) (push) Has been cancelled
Joplin Continuous Integration / Main (windows-2025) (push) Has been cancelled
Joplin Continuous Integration / ServerDockerImage (ubuntu-22.04) (push) Has been cancelled
Joplin Continuous Integration / ServerDockerImage (ubuntu-22.04-arm) (push) Has been cancelled
Joplin UI tests / Main (ubuntu-22.04) (push) Has been cancelled
Joplin UI tests / Main (windows-2025) (push) Has been cancelled
Joplin UI tests / Mobile (push) Has been cancelled
Close stale issues / ProcessStaleIssues (push) Has been cancelled
feat: Initial clean release of CHM
2026-11-04 11:29:39 +08:00

28 行
644 B
TypeScript

// Shared CSS for checkbox completion pie chart used in note list renderers
const checkboxPieCss = // css
`
.checkbox-pie > .pie {
width: 16px;
height: 16px;
border-radius: 50%;
background: conic-gradient(
var(--joplin-color4) calc(var(--percent) * 1%),
var(--joplin-background-color) calc(var(--percent) * 1%)
);
border: 1px solid var(--joplin-color-faded);
box-sizing: border-box;
}
.checkbox-pie > .pie.-complete {
background: var(--joplin-background-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
color: var(--joplin-color4);
}
`;
export default checkboxPieCss;