css changes
This commit is contained in:
parent
ffd9f22d19
commit
a47ca9254f
5 changed files with 7 additions and 5 deletions
|
@ -75,6 +75,7 @@ const Header = styled.div`
|
||||||
const Body = styled.div`
|
const Body = styled.div`
|
||||||
${pointerEventsAutoInNormalMode};
|
${pointerEventsAutoInNormalMode};
|
||||||
max-height: calc(80vh - 100px);
|
max-height: calc(80vh - 100px);
|
||||||
|
border-bottom: 1px dashed #91919177;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
&::-webkit-scrollbar {
|
&::-webkit-scrollbar {
|
||||||
width: 6px;
|
width: 6px;
|
||||||
|
@ -90,7 +91,7 @@ const Body = styled.div`
|
||||||
}
|
}
|
||||||
|
|
||||||
scrollbar-width: 10px;
|
scrollbar-width: 10px;
|
||||||
padding: 0;
|
padding: 10px;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
/* Set the font-size for input values in the detail panel */
|
/* Set the font-size for input values in the detail panel */
|
||||||
|
|
|
@ -31,7 +31,7 @@ const SingleKeyframePropLabel = styled.div`
|
||||||
|
|
||||||
width: 40%;
|
width: 40%;
|
||||||
|
|
||||||
color: #919191;
|
color: #606060;
|
||||||
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
`
|
`
|
||||||
|
|
|
@ -27,7 +27,7 @@ const Container = styled.div`
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
z-index: -2;
|
z-index: -2;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: 1px;
|
border-radius: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
|
@ -66,7 +66,7 @@ const FillIndicator = styled.div`
|
||||||
transform-origin: top left;
|
transform-origin: top left;
|
||||||
background-color: #b4b4b4;
|
background-color: #b4b4b4;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
border-radius: 2px;
|
border-radius: 0px;
|
||||||
pointer-events: none !important;
|
pointer-events: none !important;
|
||||||
mix-blend-mode: multiply;
|
mix-blend-mode: multiply;
|
||||||
|
|
||||||
|
|
|
@ -20,6 +20,7 @@ const StyledTextarea = styled.textarea.attrs({type: 'text'})`
|
||||||
border-radius: 0px;
|
border-radius: 0px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: #10101042;
|
background-color: #10101042;
|
||||||
|
|
|
@ -14,7 +14,7 @@ const ItemContainer = styled.li<{enabled: boolean}>`
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
position: relative;
|
position: relative;
|
||||||
color: ${(props) => (props.enabled ? 'white' : '#8f8f8f')};
|
color: ${(props) => (props.enabled ? 'white' : '#484848')};
|
||||||
cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')};
|
cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')};
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
|
|
Loading…
Reference in a new issue