diff --git a/packages/frontend/src/components/MkAutocomplete.vue b/packages/frontend/src/components/MkAutocomplete.vue index 1321ab707600676ddb4c76ff20532db3c5274c54..a2b020b900c2ad9ff32489ce4f545e5add9dcf61 100644 --- a/packages/frontend/src/components/MkAutocomplete.vue +++ b/packages/frontend/src/components/MkAutocomplete.vue @@ -384,7 +384,7 @@ onBeforeUnmount(() => { position: fixed; max-width: 100%; margin-top: calc(1em + 8px); - overflow: hidden; + overflow: clip; transition: top 0.1s ease, left 0.1s ease; > ol { @@ -401,7 +401,7 @@ onBeforeUnmount(() => { align-items: center; padding: 4px 12px; white-space: nowrap; - overflow: hidden; + overflow: clip; font-size: 0.9em; cursor: default; diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue index 20bce2104b3347230ceb7e69b29ab0be2820bd38..2b1b66da29c4d40ac6391fdce8ca71d05c8173f4 100644 --- a/packages/frontend/src/components/MkButton.vue +++ b/packages/frontend/src/components/MkButton.vue @@ -207,7 +207,7 @@ function onMousedown(evt: MouseEvent): void { width: 100%; height: 100%; border-radius: 6px; - overflow: hidden; + overflow: clip; ::v-deep(div) { position: absolute; diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue index 11da49f2dad03900fe90da4e76b537a80693fc2f..b379a8a7e43e099e2b6d4920e820e8b43d7661cd 100644 --- a/packages/frontend/src/components/MkNote.vue +++ b/packages/frontend/src/components/MkNote.vue @@ -468,7 +468,7 @@ function readPromo() { &.collapsed { position: relative; max-height: 9em; - overflow: hidden; + overflow: clip; > .fade { display: block; diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue index 14af580b264df0bb0a00adb815039e69edfba544..79dff69be5920d4b84377932fc8859507b0d0056 100644 --- a/packages/frontend/src/components/MkNoteDetailed.vue +++ b/packages/frontend/src/components/MkNoteDetailed.vue @@ -298,7 +298,7 @@ if (appearNote.replyId) { .lxwezrsl { position: relative; transition: box-shadow 0.1s ease; - overflow: hidden; + overflow: clip; contain: content; &:focus-visible { diff --git a/packages/frontend/src/components/MkPoll.vue b/packages/frontend/src/components/MkPoll.vue index f2e3a8ee4db8a7222fcc98b78e126d2e5400bed5..33e625a0581864365c12254895a895104c05ebab 100644 --- a/packages/frontend/src/components/MkPoll.vue +++ b/packages/frontend/src/components/MkPoll.vue @@ -102,7 +102,7 @@ const vote = async (id) => { //border: solid 0.5px var(--divider); background: var(--accentedBg); border-radius: 4px; - overflow: hidden; + overflow: clip; cursor: pointer; > .backdrop { diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue index 3015e27b9d2d7ae4a5ba20d0e85d38affabb7575..55b04e6686549c1a5c0b21ccc5c00da54cbdd16e 100644 --- a/packages/frontend/src/components/MkSubNoteContent.vue +++ b/packages/frontend/src/components/MkSubNoteContent.vue @@ -59,7 +59,7 @@ const collapsed = $ref( &.collapsed { position: relative; max-height: 9em; - overflow: hidden; + overflow: clip; > .fade { display: block; diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue index 6b38080f921658344f930c08a8bc367228ca8132..046e37c46bfaf39f65a7d16bfa95385287966f24 100644 --- a/packages/frontend/src/components/MkUrlPreview.vue +++ b/packages/frontend/src/components/MkUrlPreview.vue @@ -175,7 +175,7 @@ onUnmounted(() => { font-size: 14px; box-shadow: 0 0 0 1px var(--divider); border-radius: 8px; - overflow: hidden; + overflow: clip; &:hover { text-decoration: none; diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue index 60b8b3b1db47c276521a9bfde8482b3e7c88bd9d..2f8e7945fc993d0d25ac47ef7562e2072c4b81f7 100644 --- a/packages/frontend/src/components/global/MkAvatar.vue +++ b/packages/frontend/src/components/global/MkAvatar.vue @@ -85,7 +85,7 @@ watch(() => props.user.avatarBlurhash, () => { top: 0; border-radius: 100%; z-index: 1; - overflow: hidden; + overflow: clip; object-fit: cover; width: 100%; height: 100%; diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue index 45334a998bac3ad35501ffe661886fec04cd5325..4a92074d93551b6159d54dcec0682e9ae5360ece 100644 --- a/packages/frontend/src/pages/user/home.vue +++ b/packages/frontend/src/pages/user/home.vue @@ -203,12 +203,12 @@ onUnmounted(() => { > .main { position: relative; - overflow: hidden; + overflow: clip; > .banner-container { position: relative; height: 250px; - overflow: hidden; + overflow: clip; background-size: cover; background-position: center; diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 4e6677fe4a7e01ac3702c6c79e2f07f626e03930..5de5528b1ddf5edfd3b0022c92974c79191b3935 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -251,7 +251,7 @@ function onDrop(ev) { --deckColumnHeaderHeight: 40px; height: 100%; - overflow: hidden; + overflow: clip; contain: strict; &.draghover {