diff --git a/entry_types/scrolled/package/src/frontend/Section.js b/entry_types/scrolled/package/src/frontend/Section.js index 31136a52d..75d0f0277 100644 --- a/entry_types/scrolled/package/src/frontend/Section.js +++ b/entry_types/scrolled/package/src/frontend/Section.js @@ -18,7 +18,7 @@ import {SectionLifecycleProvider, useSectionLifecycle} from './useSectionLifecyc import {SectionViewTimelineProvider} from './SectionViewTimelineProvider'; import {withInlineEditingDecorator} from './inlineEditing'; import {BackgroundColorProvider} from './backgroundColor'; -import {Widget} from './Widget'; +import {SelectableWidget} from './SelectableWidget'; import * as v1 from './v1'; import * as v2 from './v2'; @@ -80,8 +80,8 @@ const Section = withInlineEditingDecorator('SectionDecorator', function Section( state={state} /> {section.sectionIndex === 0 && - } + } diff --git a/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.js b/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.js index 64b319371..b4a79a927 100644 --- a/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.js +++ b/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.js @@ -1,7 +1,10 @@ import React, {useEffect, useRef} from 'react'; import classNames from 'classnames'; -import {ThemeIcon} from 'pageflow-scrolled/frontend'; +import { + ThemeIcon, + WidgetSelectionRect +} from 'pageflow-scrolled/frontend'; import styles from './IconScrollIndicator.module.css'; @@ -33,7 +36,9 @@ export function IconScrollIndicator({configuration, sectionLayout}) { styles[`size-${configuration.size}`], styles[`align-${getAlignment(configuration, sectionLayout)}`])} ref={ref}> - + + + ); } diff --git a/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.module.css b/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.module.css index ad15cd941..5dbad63ce 100644 --- a/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.module.css +++ b/entry_types/scrolled/package/src/widgets/iconScrollIndicator/IconScrollIndicator.module.css @@ -10,6 +10,10 @@ pointer-events: none; } +.indicator > * { + display: inline-block; +} + .size-large { --size: 60px; }