Improve CSS performance
This commit is contained in:
parent
f23e781400
commit
8323d82728
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
@ -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;
|
||||
|
@ -309,10 +309,6 @@ input[type=radio] {
|
||||
transform: translateY(-50%);
|
||||
transition: opacity var(--transition-duration);
|
||||
|
||||
> * {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&:not(:hover) {
|
||||
opacity: .5;
|
||||
}
|
||||
|
@ -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);
|
||||
|
Loading…
x
Reference in New Issue
Block a user