Improve CSS performance

This commit is contained in:
Tetrakern 2023-09-11 00:04:43 +02:00
parent f23e781400
commit 8323d82728
6 changed files with 18 additions and 30 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -14,7 +14,8 @@
line-height: 1.5;
}
&__display > div,
&__original,
&__diff,
&__edit {
position: relative;
@ -30,23 +31,16 @@
}
}
&__display {
> div {
user-select: none;
background: var(--disabled-pattern);
border-radius: 2px;
overflow: hidden;
&::before {
z-index: 1;
border: 1px dashed var(--fg-900);
}
}
}
&__original,
&__diff {
> div {
color: var(--fg-600);
user-select: none;
background: var(--disabled-pattern);
border-radius: 2px;
overflow: hidden;
&::before {
z-index: 1;
border: 1px dashed var(--fg-900);
}
}
@ -71,18 +65,18 @@
textarea {
display: block;
background: none;
padding: 8px;
border: none;
width: 100%;
height: 33px;
padding: 8px;
background: none;
border: none;
resize: none;
}
&__text {
color: var(--fg-700);
border-radius: 2px;
padding: 8px;
border-radius: 2px;
white-space: pre-wrap;
max-height: 112px;
overflow: auto;

View File

@ -309,10 +309,6 @@ input[type=radio] {
transform: translateY(-50%);
transition: opacity var(--transition-duration);
> * {
pointer-events: none;
}
&:not(:hover) {
opacity: .5;
}

View File

@ -35,9 +35,7 @@
color: var(--tab-text-active);
text-shadow: var(--tab-text-shadow-active);
}
}
> * {
&:first-of-type, &:first-of-type > .tabs__item {
border-top-left-radius: var(--layout-border-radius-small);
border-bottom-left-radius: var(--layout-border-radius-small);