mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-13 12:55:00 +00:00
fix(editor): remove unnecessary css styles (#11885)
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
`;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user