fix(editor): ui and edgeless bugs (#11087)

Co-authored-by: Mirone <Saul-Mirone@outlook.com>
This commit is contained in:
Oleg
2025-03-27 04:22:53 +01:00
committed by GitHub
parent 4fddf0d000
commit ac600a5309
2 changed files with 14 additions and 7 deletions
@@ -125,10 +125,15 @@ export class BookmarkCard extends WithDisposable(ShadowlessElement) {
<div class="affine-bookmark-content-description"> <div class="affine-bookmark-content-description">
${descriptionText} ${descriptionText}
</div> </div>
<div class="affine-bookmark-content-url" @click=${this.bookmark.open}> <div
<span>${getHostName(url)}</span> class="affine-bookmark-content-url-wrapper"
<div class="affine-bookmark-content-url-icon"> @click=${this.bookmark.open}
${OpenInNewIcon({ width: '12', height: '12' })} >
<div class="affine-bookmark-content-url">
<span>${getHostName(url)}</span>
<div class="affine-bookmark-content-url-icon">
${OpenInNewIcon({ width: '12', height: '12' })}
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -108,7 +108,6 @@ export const styles = css`
gap: 4px; gap: 4px;
width: max-content; width: max-content;
max-width: 100%; max-width: 100%;
cursor: pointer;
} }
.affine-bookmark-content-url > span { .affine-bookmark-content-url > span {
@@ -226,9 +225,12 @@ export const styles = css`
max-height: 120px; max-height: 120px;
} }
.affine-bookmark-content-url { .affine-bookmark-content-url-wrapper {
flex-grow: 1; max-width: fit-content;
display: flex;
align-items: flex-end; align-items: flex-end;
flex-grow: 1;
cursor: pointer;
} }
.affine-bookmark-banner { .affine-bookmark-banner {