diff --git a/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx b/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx index 03f28df..e2b4afb 100644 --- a/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx +++ b/theatre/studio/src/panels/OutlinePanel/BaseItem.tsx @@ -3,7 +3,7 @@ import React from 'react' import styled, {css} from 'styled-components' import noop from '@theatre/shared/utils/noop' import {pointerEventsAutoInNormalMode} from '@theatre/studio/css' -import { Package} from '@theatre/studio/uiComponents/icons' +import {Package} from '@theatre/studio/uiComponents/icons' export const Container = styled.li` margin: 0; @@ -21,7 +21,6 @@ const Header = styled(BaseHeader)` position: relative; margin-bottom: 2px; margin-left: calc(4px + var(--depth) * 16px); - padding-left: 4px; padding-right: 8px; gap: 4px; min-height: 21px; diff --git a/theatre/studio/src/propEditors/DefaultValueIndicator.tsx b/theatre/studio/src/propEditors/DefaultValueIndicator.tsx index c88534a..5733a94 100644 --- a/theatre/studio/src/propEditors/DefaultValueIndicator.tsx +++ b/theatre/studio/src/propEditors/DefaultValueIndicator.tsx @@ -29,21 +29,19 @@ const Rect = styled.rect` ` const DefaultIcon = styled.div` - width: 5px; - height: 5px; - background-color: currentColor; - border-radius: 0px; + width: 8px; + height: 8px; + border-radius: 2px; transform: rotate(45deg); - border: 1px solid grey; + background: #a3a3a3; ` const FilledIcon = styled.div` - width: 5px; - height: 5px; - background-color: currentColor; - border-radius: 0px; + width: 8px; + height: 8px; + border-radius: 2px; transform: rotate(45deg); - border: 1px solid grey; + background: #a3a3a3; ` const DefaultOrStaticValueIndicator: React.FC<{ diff --git a/theatre/studio/src/propEditors/NextPrevKeyframeCursors.tsx b/theatre/studio/src/propEditors/NextPrevKeyframeCursors.tsx index 63f16a5..39c88db 100644 --- a/theatre/studio/src/propEditors/NextPrevKeyframeCursors.tsx +++ b/theatre/studio/src/propEditors/NextPrevKeyframeCursors.tsx @@ -185,8 +185,6 @@ namespace Icons { const Cur_Group = styled.g` stroke-width: 0; ${CurButton}:hover & path { - stroke: currentColor; - stroke-width: 2; } `