Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-08-02 18:09:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): unify directories naming (#11516)

Browse Source 
**Directory Structure Changes**

- Renamed multiple block-related directories by removing the "block-" prefix:
  - `block-attachment` → `attachment`
  - `block-bookmark` → `bookmark`
  - `block-callout` → `callout`
  - `block-code` → `code`
  - `block-data-view` → `data-view`
  - `block-database` → `database`
  - `block-divider` → `divider`
  - `block-edgeless-text` → `edgeless-text`
  - `block-embed` → `embed`
This commit is contained in:
Saul-Mirone
2025-04-07 12:34:40 +00:00
parent e1bd2047c4
commit 1f45cc5dec
893 changed files with 439 additions and 460 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/affine/blocks/image/src/components/image-selected-rect.ts
+83
View File
@@ -0,0 +1,83 @@
import { html } from 'lit';
const styles = html`<style>
.affine-page-selected-embed-rects-container {
position: absolute;
border: 2px solid var(--affine-primary-color);
left: 0;
top: 0;
width: 100%;
height: calc(100% + 1px);
user-select: none;
pointer-events: none;
box-sizing: border-box;
line-height: 0;
}
.affine-page-selected-embed-rects-container .resize {
position: absolute;
padding: 5px;
pointer-events: auto;
z-index: 1;
}
.affine-page-selected-embed-rects-container .resize-inner {
width: 10px;
height: 10px;
border-radius: 50%;
background: white;
border: 2px solid var(--affine-primary-color);
pointer-events: none;
}
.affine-page-selected-embed-rects-container .resize.top-left {
left: 0;
top: 0;
transform: translate(-50%, -50%);
cursor: nwse-resize; /*resizer cursor*/
}
.affine-page-selected-embed-rects-container .resize.top-right {
right: 0;
top: 0;
transform: translate(50%, -50%);
cursor: nesw-resize;
}
.affine-page-selected-embed-rects-container .resize.bottom-left {
left: 0;
bottom: 0;
transform: translate(-50%, 50%);
cursor: nesw-resize;
}
.affine-page-selected-embed-rects-container .resize.bottom-right {
right: 0;
bottom: 0;
transform: translate(50%, 50%);
cursor: nwse-resize;
}
</style>`;
export function ImageSelectedRect(readonly: boolean) {
if (readonly) {
return html`${styles}
<div
class="affine-page-selected-embed-rects-container resizable resizes"
></div> `;
}
return html`
${styles}
<div class="affine-page-selected-embed-rects-container resizable resizes">
<div class="resize top-left">
<div class="resize-inner"></div>
</div>
<div class="resize top-right">
<div class="resize-inner"></div>
</div>
<div class="resize bottom-left">
<div class="resize-inner"></div>
</div>
<div class="resize bottom-right">
<div class="resize-inner"></div>
</div>
</div>
`;
}