mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-22 16:57:00 +08:00
88339b4022
Closes: #12576 Closes: [BS-2080](https://linear.app/affine-design/issue/BS-2080/update-inline-code-font-size) <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Style** - Improved the appearance of code elements within lists by adjusting font size and padding. - Updated inline code styling for better vertical alignment and consistency with surrounding text. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
70 lines
1.3 KiB
TypeScript
70 lines
1.3 KiB
TypeScript
import { css } from 'lit';
|
|
|
|
export const listPrefix = css`
|
|
.affine-list-block__prefix {
|
|
display: flex;
|
|
color: var(--affine-blue-700);
|
|
font-size: var(--affine-font-sm);
|
|
user-select: none;
|
|
position: relative;
|
|
}
|
|
|
|
.affine-list-block__numbered {
|
|
min-width: 22px;
|
|
height: 24px;
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.affine-list-block__todo-prefix {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
width: 24px;
|
|
height: 24px;
|
|
color: var(--affine-icon-color);
|
|
}
|
|
|
|
.affine-list-block__todo-prefix.readonly {
|
|
cursor: default;
|
|
}
|
|
|
|
.affine-list-block__todo-prefix > svg {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
`;
|
|
|
|
export const listBlockStyles = css`
|
|
affine-list {
|
|
display: block;
|
|
font-size: var(--affine-font-base);
|
|
}
|
|
|
|
affine-list code {
|
|
font-size: calc(var(--affine-font-base) - 3px);
|
|
padding: 0px 4px 2px;
|
|
}
|
|
|
|
.affine-list-block-container {
|
|
box-sizing: border-box;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
}
|
|
.affine-list-block-container .affine-list-block-container {
|
|
margin-top: 0;
|
|
}
|
|
.affine-list-rich-text-wrapper {
|
|
position: relative;
|
|
display: flex;
|
|
}
|
|
.affine-list-rich-text-wrapper rich-text {
|
|
flex: 1;
|
|
}
|
|
|
|
.affine-list--checked {
|
|
color: var(--affine-text-secondary-color);
|
|
}
|
|
|
|
${listPrefix}
|
|
`;
|