diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/PrimaryTags.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/PrimaryTags.tsx index 5241b5576..2f78a5d33 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/PrimaryTags.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/PrimaryTags.tsx @@ -56,7 +56,7 @@ export const PrimaryTags: React.FC = ({ }); return ( - +

{primaries[id].name}

{markers}
diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkersPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkersPanel.tsx index ffb5270fc..c8d97a2d8 100644 --- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkersPanel.tsx +++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneMarkersPanel.tsx @@ -54,7 +54,7 @@ export const SceneMarkersPanel: React.FC = ( ); return ( - <> +
= ( onEdit={onOpenEditor} />
-
- { - window.scrollTo(0, 0); - onClickMarker(marker as GQL.SceneMarkerDataFragment); - }} - /> -
- + { + window.scrollTo(0, 0); + onClickMarker(marker as GQL.SceneMarkerDataFragment); + }} + /> +
); }; diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss index 105e5fa1e..5b16f4cfd 100644 --- a/ui/v2.5/src/components/Scenes/styles.scss +++ b/ui/v2.5/src/components/Scenes/styles.scss @@ -58,15 +58,6 @@ } } -.marker-container { - display: "flex"; - flex-wrap: "nowrap"; - margin-bottom: "20px"; - overflow-x: "scroll"; - overflow-y: "hidden"; - white-space: "nowrap"; -} - .studio-logo { margin-top: 1rem; max-height: 8rem; @@ -304,3 +295,25 @@ textarea.scene-description { margin-right: 0; } } + +.scene-markers-panel { + .wall-item { + height: inherit; + min-height: 14rem; + width: calc(100% - 2rem); + + &-missing { + font-size: 1.5rem; + } + + &::before { + display: none; + } + + &:hover { + .wall-item-container { + transform: scale(1); + } + } + } +}