mirror of
https://github.com/misskey-dev/misskey.git
synced 2024-12-28 08:00:21 +01:00
perf: use overflow: clip instead of overflow: hidden (#9443)
* use overflow: clip * revert
This commit is contained in:
parent
d98771711f
commit
46c2706b7e
10 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -468,7 +468,7 @@ function readPromo() {
|
|||
&.collapsed {
|
||||
position: relative;
|
||||
max-height: 9em;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
|
||||
> .fade {
|
||||
display: block;
|
||||
|
|
|
@ -298,7 +298,7 @@ if (appearNote.replyId) {
|
|||
.lxwezrsl {
|
||||
position: relative;
|
||||
transition: box-shadow 0.1s ease;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
contain: content;
|
||||
|
||||
&:focus-visible {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -59,7 +59,7 @@ const collapsed = $ref(
|
|||
&.collapsed {
|
||||
position: relative;
|
||||
max-height: 9em;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
|
||||
> .fade {
|
||||
display: block;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -251,7 +251,7 @@ function onDrop(ev) {
|
|||
--deckColumnHeaderHeight: 40px;
|
||||
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
contain: strict;
|
||||
|
||||
&.draghover {
|
||||
|
|
Loading…
Reference in a new issue