fix(editor): remove unnecessary css styles (#11885)

This commit is contained in:
fundon
2025-04-22 10:48:11 +00:00
parent ab2d0b5485
commit 4fd468c46f
10 changed files with 11 additions and 77 deletions

View File

@@ -26,9 +26,6 @@ export const styles = css`
align-items: flex-start;
gap: 12px;
flex: 1 0 0;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-attachment-content-title {
@@ -38,9 +35,6 @@ export const styles = css`
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-attachment-content-title-icon {

View File

@@ -19,7 +19,6 @@ export const styles = css`
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
}
@@ -32,8 +31,6 @@ export const styles = css`
align-self: stretch;
gap: 4px;
padding: 12px;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-bookmark-content-title {
@@ -43,9 +40,6 @@ export const styles = css`
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-bookmark-content-title-icon {
@@ -152,7 +146,6 @@ export const styles = css`
width: 204px;
max-width: 100%;
height: 102px;
opacity: var(--add, 1);
}
.affine-bookmark-banner img,
@@ -162,7 +155,7 @@ export const styles = css`
max-width: 100%;
height: 102px;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-bookmark-card.loading {

View File

@@ -13,7 +13,6 @@ export const styles = css`
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
}
@@ -21,7 +20,6 @@ export const styles = css`
.affine-embed-figma {
flex-grow: 1;
width: 100%;
opacity: var(--add, 1);
}
.affine-embed-figma img,
@@ -30,7 +28,7 @@ export const styles = css`
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-figma-iframe-container {
@@ -41,7 +39,7 @@ export const styles = css`
.affine-embed-figma-iframe-container > iframe {
width: 100%;
height: 100%;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
border: none;
}
@@ -62,8 +60,6 @@ export const styles = css`
flex-direction: column;
width: 100%;
height: fit-content;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-figma-content-header {
@@ -73,9 +69,6 @@ export const styles = css`
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-figma-content-title-icon {

View File

@@ -11,7 +11,6 @@ export const styles = css`
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
overflow: hidden;
@@ -24,8 +23,6 @@ export const styles = css`
align-self: stretch;
gap: 4px;
padding: 12px;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
overflow: hidden;
}
@@ -37,9 +34,6 @@ export const styles = css`
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-github-content-title-icons {
@@ -214,7 +208,6 @@ export const styles = css`
margin: 12px 0px 0px 12px;
width: 204px;
height: 102px;
opacity: var(--add, 1);
}
.affine-embed-github-banner img,
@@ -223,7 +216,7 @@ export const styles = css`
width: 204px;
height: 102px;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-github-block.loading {
@@ -288,7 +281,6 @@ export const styles = css`
.affine-embed-github-content-assignees {
display: flex;
padding: var(--1, 0px);
align-items: center;
justify-content: flex-start;
gap: 2px;

View File

@@ -17,7 +17,6 @@ export const styles = css`
border-radius: 12px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
}
@@ -25,7 +24,6 @@ export const styles = css`
.affine-embed-html {
flex-grow: 1;
width: 100%;
opacity: var(--add, 1);
}
.affine-embed-html img,
@@ -34,7 +32,7 @@ export const styles = css`
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-html-iframe-container {
@@ -94,10 +92,6 @@ export const styles = css`
display: flex;
align-items: center;
gap: 8px;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-html-title-icon {

View File

@@ -11,7 +11,6 @@ export const styles = css`
height: 100%;
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
position: relative;
@@ -25,8 +24,6 @@ export const styles = css`
align-self: stretch;
gap: 4px;
padding: 12px;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
max-width: 100%;
}
@@ -36,9 +33,6 @@ export const styles = css`
gap: 8px;
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-linked-doc-content-title-icon {
@@ -169,7 +163,6 @@ export const styles = css`
width: 204px;
max-width: 100%;
height: 102px;
opacity: var(--add, 1);
pointer-events: none;
}
.affine-embed-linked-doc-banner img,
@@ -179,7 +172,7 @@ export const styles = css`
max-width: 100%;
height: 102px;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-linked-doc-block.loading {

View File

@@ -14,7 +14,6 @@ export const styles = css`
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
}
@@ -22,7 +21,6 @@ export const styles = css`
.affine-embed-loom-video {
flex-grow: 1;
width: 100%;
opacity: var(--add, 1);
}
.affine-embed-loom-video img,
@@ -31,7 +29,7 @@ export const styles = css`
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-loom-video-iframe-container {
@@ -42,7 +40,7 @@ export const styles = css`
.affine-embed-loom-video-iframe-container > iframe {
width: 100%;
height: 100%;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-loom-video-iframe-overlay {
@@ -62,8 +60,6 @@ export const styles = css`
flex-direction: column;
width: 100%;
height: fit-content;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-loom-content-header {
@@ -73,9 +69,6 @@ export const styles = css`
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-loom-content-title-icon {

View File

@@ -196,7 +196,6 @@ export const cardStyles = css`
height: ${EMBED_CARD_HEIGHT.horizontal}px;
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
}
@@ -209,8 +208,6 @@ export const cardStyles = css`
align-self: stretch;
gap: 4px;
padding: 12px;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-synced-doc-card-content-title {
@@ -219,9 +216,6 @@ export const cardStyles = css`
gap: 8px;
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-synced-doc-card-content-title-icon {
@@ -337,7 +331,6 @@ export const cardStyles = css`
width: 204px;
max-width: 100%;
height: 102px;
opacity: var(--add, 1);
pointer-events: none;
}
.affine-embed-synced-doc-card-banner.render {
@@ -350,7 +343,7 @@ export const cardStyles = css`
max-width: 100%;
height: 102px;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-synced-doc-card.loading,

View File

@@ -15,7 +15,6 @@ export const styles = css`
border-radius: 8px;
border: 1px solid var(--affine-background-tertiary-color);
opacity: var(--add, 1);
background: var(--affine-background-primary-color);
user-select: none;
}
@@ -23,7 +22,6 @@ export const styles = css`
.affine-embed-youtube-video {
flex-grow: 1;
width: 100%;
opacity: var(--add, 1);
}
.affine-embed-youtube-video img,
@@ -32,7 +30,7 @@ export const styles = css`
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-youtube-video-iframe-container {
@@ -43,7 +41,7 @@ export const styles = css`
.affine-embed-youtube-video-iframe-container > iframe {
width: 100%;
height: 100%;
border-radius: 4px 4px var(--1, 0px) var(--1, 0px);
border-radius: 4px;
}
.affine-embed-youtube-video-iframe-overlay {
@@ -63,8 +61,6 @@ export const styles = css`
flex-direction: column;
width: 100%;
height: fit-content;
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-youtube-content-header {
@@ -74,9 +70,6 @@ export const styles = css`
align-items: center;
align-self: stretch;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
}
.affine-embed-youtube-content-title-icon {

View File

@@ -14,9 +14,6 @@ export class LinkPreview extends LitElement {
justify-content: flex-start;
min-width: 60px;
max-width: 140px;
padding: var(--1, 0px);
border-radius: var(--1, 0px);
opacity: var(--add, 1);
user-select: none;
cursor: pointer;
@@ -39,7 +36,6 @@ export class LinkPreview extends LitElement {
text-overflow: ellipsis;
overflow: hidden;
opacity: var(--add, 1);
}
`;