Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-08-07 20:31:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): improve border color (#11077)

Browse Source 
close: BS-2781
This commit is contained in:
zzj3720
2025-03-21 11:22:54 +00:00
parent 9986b8b6bc
commit 5dc6fabdaf
19 changed files with 73 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/affine/data-view/src/view-presets/table/mobile/group.ts
+3 -2
View File
@@ -6,7 +6,8 @@ import {
import { ShadowlessElement } from '@blocksuite/block-std';
import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
import { PlusIcon } from '@blocksuite/icons/lit';
import { css, html } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, html, unsafeCSS } from 'lit';
import { property, query } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
@@ -28,7 +29,7 @@ const styles = css`
cursor: pointer;
transition: opacity 0.2s ease-in-out;
padding: 4px 8px;
border-bottom: 1px solid var(--affine-border-color);
border-bottom: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
.data-view-table-group-add-row-button {
blocksuite/affine/data-view/src/view-presets/table/mobile/row.ts
+3 -2
View File
@@ -3,7 +3,8 @@ import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
import { ShadowlessElement } from '@blocksuite/block-std';
import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
import { CenterPeekIcon, MoreHorizontalIcon } from '@blocksuite/icons/lit';
import { css, nothing } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, nothing, unsafeCSS } from 'lit';
import { property } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
import { styleMap } from 'lit/directives/style-map.js';
@@ -21,7 +22,7 @@ export class MobileTableRow extends SignalWatcher(
width: 100%;
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--affine-border-color);
border-bottom: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
position: relative;
min-height: 34px;
}
blocksuite/affine/data-view/src/view-presets/table/mobile/table-view.ts
+3 -2
View File
@@ -6,7 +6,8 @@ import {
import type { InsertToPosition } from '@blocksuite/affine-shared/utils';
import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
import { AddCursorIcon } from '@blocksuite/icons/lit';
import { css } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, unsafeCSS } from 'lit';
import { repeat } from 'lit/directives/repeat.js';
import { styleMap } from 'lit/directives/style-map.js';
import { html } from 'lit/static-html.js';
@@ -41,7 +42,7 @@ export class MobileDataViewTable extends DataViewBase<
.cell-divider {
width: 1px;
height: 100%;
background-color: var(--affine-border-color);
background-color: ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
`;
blocksuite/affine/data-view/src/view-presets/table/pc/group.ts
+3 -2
View File
@@ -7,7 +7,8 @@ import { ShadowlessElement } from '@blocksuite/block-std';
import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
import { PlusIcon } from '@blocksuite/icons/lit';
import { effect } from '@preact/signals-core';
import { css, html } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, html, unsafeCSS } from 'lit';
import { property, query } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
@@ -39,7 +40,7 @@ const styles = css`
cursor: pointer;
transition: opacity 0.2s ease-in-out;
padding: 4px 8px;
border-bottom: 1px solid var(--affine-border-color);
border-bottom: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
@media print {
blocksuite/affine/data-view/src/view-presets/table/pc/header/column-renderer.ts
+8 -3
View File
@@ -1,6 +1,7 @@
import { ShadowlessElement } from '@blocksuite/block-std';
import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
import { css } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, unsafeCSS } from 'lit';
import { property } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
import { styleMap } from 'lit/directives/style-map.js';
@@ -29,7 +30,9 @@ export class DataViewColumnPreview extends SignalWatcher(
const columnIndex = this.tableViewManager.propertyIndexGet(this.column.id);
return html`
<div
style="background-color: var(--affine-background-primary-color);border-top: 1px solid var(--affine-border-color);box-shadow: var(--affine-shadow-2);"
style="background-color: var(--affine-background-primary-color);border-top: 1px solid ${unsafeCSS(
cssVarV2.layer.insideBorder.border
)};box-shadow: var(--affine-shadow-2);"
>
<affine-database-header-column
.tableViewManager="${this.tableViewManager}"
@@ -43,7 +46,9 @@ export class DataViewColumnPreview extends SignalWatcher(
height: height + 'px',
});
return html`<div
style="border-top: 1px solid var(--affine-border-color)"
style="border-top: 1px solid ${unsafeCSS(
cssVarV2.layer.insideBorder.border
)}"
>
<div style="${style}">
<affine-database-cell-container
blocksuite/affine/data-view/src/view-presets/table/pc/header/number-format-bar.ts
+3 -2
View File
@@ -1,5 +1,6 @@
import { WithDisposable } from '@blocksuite/global/lit';
import { css, html, LitElement } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, html, LitElement, unsafeCSS } from 'lit';
import { property } from 'lit/decorators.js';
import type { Property } from '../../../../core/view-manager/property.js';
@@ -83,7 +84,7 @@ export class DatabaseNumberFormatBar extends WithDisposable(LitElement) {
.divider {
width: 100%;
height: 1px;
background-color: var(--affine-border-color);
background-color: ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
`;
blocksuite/affine/data-view/src/view-presets/table/pc/header/styles.ts
+6 -5
View File
@@ -1,5 +1,6 @@
import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
import { baseTheme } from '@toeverything/theme';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, unsafeCSS } from 'lit';
import {
@@ -19,8 +20,8 @@ export const styles = css`
position: relative;
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--affine-border-color);
border-top: 1px solid var(--affine-border-color);
border-bottom: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
border-top: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
box-sizing: border-box;
user-select: none;
background-color: var(--affine-background-primary-color);
@@ -108,7 +109,7 @@ export const styles = css`
width: 16px;
height: 16px;
background: var(--affine-white);
border: 1px solid var(--affine-border-color);
border: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
border-radius: 4px;
opacity: 0;
}
@@ -125,7 +126,7 @@ export const styles = css`
.affine-database-column-text-save-icon:hover {
background: var(--affine-white);
border-color: var(--affine-border-color);
border-color: ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
.affine-database-column-text-icon svg {
@@ -195,7 +196,7 @@ export const styles = css`
}
.affine-database-column-type-menu-icon {
border: 1px solid var(--affine-border-color);
border: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
border-radius: 4px;
padding: 5px;
background-color: var(--affine-background-secondary-color);
blocksuite/affine/data-view/src/view-presets/table/pc/row/row.ts
+3 -2
View File
@@ -2,7 +2,8 @@ import { popupTargetFromElement } from '@blocksuite/affine-components/context-me
import { ShadowlessElement } from '@blocksuite/block-std';
import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
import { CenterPeekIcon, MoreHorizontalIcon } from '@blocksuite/icons/lit';
import { css, nothing } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, nothing, unsafeCSS } from 'lit';
import { property } from 'lit/decorators.js';
import { repeat } from 'lit/directives/repeat.js';
import { styleMap } from 'lit/directives/style-map.js';
@@ -40,7 +41,7 @@ export class TableRow extends SignalWatcher(WithDisposable(ShadowlessElement)) {
width: 100%;
display: flex;
flex-direction: row;
border-bottom: 1px solid var(--affine-border-color);
border-bottom: 1px solid ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
position: relative;
}
blocksuite/affine/data-view/src/view-presets/table/pc/table-view.ts
+3 -2
View File
@@ -4,7 +4,8 @@ import {
popupTargetFromElement,
} from '@blocksuite/affine-components/context-menu';
import { AddCursorIcon } from '@blocksuite/icons/lit';
import { css } from 'lit';
import { cssVarV2 } from '@toeverything/theme/v2';
import { css, unsafeCSS } from 'lit';
import { repeat } from 'lit/directives/repeat.js';
import { styleMap } from 'lit/directives/style-map.js';
import { html } from 'lit/static-html.js';
@@ -119,7 +120,7 @@ const styles = css`
.cell-divider {
width: 1px;
height: 100%;
background-color: var(--affine-border-color);
background-color: ${unsafeCSS(cssVarV2.layer.insideBorder.border)};
}
.data-view-table-left-bar {