From a47ca9254f16019f175cb62ab7977d7f3b00c77a Mon Sep 17 00:00:00 2001 From: asuk Date: Sat, 27 May 2023 09:12:40 +0200 Subject: [PATCH] css changes --- theatre/studio/src/panels/DetailPanel/DetailPanel.tsx | 3 ++- .../KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx | 2 +- theatre/studio/src/uiComponents/form/BasicNumberInput.tsx | 4 ++-- theatre/studio/src/uiComponents/form/BasicStringInput.tsx | 1 + .../src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx | 2 +- 5 files changed, 7 insertions(+), 5 deletions(-) diff --git a/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx b/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx index 9653c88..8df9ad4 100644 --- a/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx +++ b/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx @@ -75,6 +75,7 @@ const Header = styled.div` const Body = styled.div` ${pointerEventsAutoInNormalMode}; max-height: calc(80vh - 100px); + border-bottom: 1px dashed #91919177; overflow-y: scroll; &::-webkit-scrollbar { width: 6px; @@ -90,7 +91,7 @@ const Body = styled.div` } scrollbar-width: 10px; - padding: 0; + padding: 10px; user-select: none; /* Set the font-size for input values in the detail panel */ diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx index fa9d79e..62e3af1 100644 --- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx +++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx @@ -31,7 +31,7 @@ const SingleKeyframePropLabel = styled.div` width: 40%; - color: #919191; + color: #606060; overflow: hidden; ` diff --git a/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx b/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx index dfc09fd..fd26dc3 100644 --- a/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx +++ b/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx @@ -27,7 +27,7 @@ const Container = styled.div` border: 1px solid transparent; z-index: -2; box-sizing: border-box; - border-radius: 1px; + border-radius: 0px; } &:hover, @@ -66,7 +66,7 @@ const FillIndicator = styled.div` transform-origin: top left; background-color: #b4b4b4; z-index: 0; - border-radius: 2px; + border-radius: 0px; pointer-events: none !important; mix-blend-mode: multiply; diff --git a/theatre/studio/src/uiComponents/form/BasicStringInput.tsx b/theatre/studio/src/uiComponents/form/BasicStringInput.tsx index de1700a..4fae9a5 100644 --- a/theatre/studio/src/uiComponents/form/BasicStringInput.tsx +++ b/theatre/studio/src/uiComponents/form/BasicStringInput.tsx @@ -20,6 +20,7 @@ const StyledTextarea = styled.textarea.attrs({type: 'text'})` border-radius: 0px; box-sizing: border-box; margin-bottom: 10px; + margin-top: 10px; &:hover { background-color: #10101042; diff --git a/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx b/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx index c1c9bb4..437f161 100644 --- a/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx +++ b/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx @@ -14,7 +14,7 @@ const ItemContainer = styled.li<{enabled: boolean}>` font-size: 11px; font-weight: 400; position: relative; - color: ${(props) => (props.enabled ? 'white' : '#8f8f8f')}; + color: ${(props) => (props.enabled ? 'white' : '#484848')}; cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')}; &:after {