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

View File

@@ -125,10 +125,15 @@ export class BookmarkCard extends WithDisposable(ShadowlessElement) {
<div class="affine-bookmark-content-description">
${descriptionText}
</div>
<div class="affine-bookmark-content-url" @click=${this.bookmark.open}>
<span>${getHostName(url)}</span>
<div class="affine-bookmark-content-url-icon">
${OpenInNewIcon({ width: '12', height: '12' })}
<div
class="affine-bookmark-content-url-wrapper"
@click=${this.bookmark.open}
>
<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>

View File

@@ -108,7 +108,6 @@ export const styles = css`
gap: 4px;
width: max-content;
max-width: 100%;
cursor: pointer;
}
.affine-bookmark-content-url > span {
@@ -226,9 +225,12 @@ export const styles = css`
max-height: 120px;
}
.affine-bookmark-content-url {
flex-grow: 1;
.affine-bookmark-content-url-wrapper {
max-width: fit-content;
display: flex;
align-items: flex-end;
flex-grow: 1;
cursor: pointer;
}
.affine-bookmark-banner {