Skip to content

Commit 21c752b

Browse files
JulusianJulusian
committed
fix: bad header-clear merge
1 parent 31fe23f commit 21c752b

File tree

5 files changed

+67
-59
lines changed

5 files changed

+67
-59
lines changed

‎packages/webui/src/client/ui/App.tsx‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -150,9 +150,7 @@ export const App: React.FC = function App() {
150150
return (
151151
<UserPermissionsContext.Provider value={roles}>
152152
<Router getUserConfirmation={onNavigationUserConfirmation} basename={ROOT_URL_PATH_PREFIX}>
153-
<Container
154-
fluid
155-
className="header-clear"
153+
<div
156154
style={{
157155
// @ts-expect-error custom variable
158156
'--sofie-logo-url': `url(${relativeToSiteRootUrl('/images/sofie-logo.svg')})`,
@@ -240,7 +238,7 @@ export const App: React.FC = function App() {
240238
<ErrorBoundary>
241239
<ModalDialogGlobalContainer />
242240
</ErrorBoundary>
243-
</Container>
241+
</div>
244242
</Router>
245243
</UserPermissionsContext.Provider>
246244
)

‎packages/webui/src/client/ui/RundownList.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ import { useTranslation } from 'react-i18next'
2020
import { CorelibPubSub } from '@sofie-automation/corelib/dist/pubsub'
2121
import { CreateAdlibTestingRundownPanel } from './RundownList/CreateAdlibTestingRundownPanel'
2222
import { UserPermissionsContext } from './UserPermissions'
23+
import Container from 'react-bootstrap/esm/Container'
2324

2425
export enum ToolTipStep {
2526
TOOLTIP_START_HERE = 'TOOLTIP_START_HERE',
@@ -138,7 +139,7 @@ export function RundownList(): JSX.Element {
138139
}
139140

140141
return (
141-
<>
142+
<Container fluid className="header-clear">
142143
{coreSystem ? <RegisterHelp step={step} /> : null}
143144

144145
{showGettingStarted === true ? <GettingStarted step={step} /> : null}
@@ -187,6 +188,6 @@ export function RundownList(): JSX.Element {
187188
{userPermissions.studio && <CreateAdlibTestingRundownPanel />}
188189

189190
<RundownListFooter />
190-
</>
191+
</Container>
191192
)
192193
}

‎packages/webui/src/client/ui/Settings.tsx‎

Lines changed: 34 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import { MigrationView } from './Settings/Migration'
1515
import { SettingsMenu } from './Settings/SettingsMenu'
1616
import { protectString } from '@sofie-automation/corelib/dist/protectedString'
1717
import { CorelibPubSub } from '@sofie-automation/corelib/dist/pubsub'
18+
import Container from 'react-bootstrap/esm/Container'
1819

1920
export function Settings(): JSX.Element | null {
2021
useSubscription(CorelibPubSub.peripheralDevices, null)
@@ -24,35 +25,39 @@ export function Settings(): JSX.Element | null {
2425
useSubscription(CorelibPubSub.blueprints, null)
2526

2627
return (
27-
<div className="mx-5 mt-5 has-statusbar">
28-
<Row>
29-
<Col xs={12} sm={5} md={4} lg={3} className="settings-menu mb-4">
30-
<ErrorBoundary>
31-
<SettingsMenu />
32-
</ErrorBoundary>
33-
</Col>
34-
<Col xs={12} sm={7} md={8} lg={9} className="settings-dialog">
35-
<ErrorBoundary>
36-
<Switch>
37-
<Route path="/settings" exact component={WelcomeToSettings} />
38-
<Route path="/settings/studio/:studioId" component={StudioSettings} />
39-
<Route path="/settings/showStyleBase/:showStyleBaseId" component={ShowStyleSettings} />
40-
<Route path="/settings/peripheralDevice/:deviceId" component={DeviceSettings} />
41-
<Route
42-
path="/settings/blueprint/:blueprintId"
43-
render={(props) => (
44-
<BlueprintSettings blueprintId={protectString(decodeURIComponent(props.match.params.blueprintId))} />
45-
)}
46-
/>
47-
<Route path="/settings/tools/snapshots" component={SnapshotsView} />
48-
<Route path="/settings/tools/migration" component={MigrationView} />
49-
<Route path="/settings/tools/system" component={SystemManagement} />
50-
<Redirect to="/settings" />
51-
</Switch>
52-
</ErrorBoundary>
53-
</Col>
54-
</Row>
55-
</div>
28+
<Container fluid className="header-clear">
29+
<div className="mx-5 mt-5 has-statusbar">
30+
<Row>
31+
<Col xs={12} sm={5} md={4} lg={3} className="settings-menu mb-4">
32+
<ErrorBoundary>
33+
<SettingsMenu />
34+
</ErrorBoundary>
35+
</Col>
36+
<Col xs={12} sm={7} md={8} lg={9} className="settings-dialog">
37+
<ErrorBoundary>
38+
<Switch>
39+
<Route path="/settings" exact component={WelcomeToSettings} />
40+
<Route path="/settings/studio/:studioId" component={StudioSettings} />
41+
<Route path="/settings/showStyleBase/:showStyleBaseId" component={ShowStyleSettings} />
42+
<Route path="/settings/peripheralDevice/:deviceId" component={DeviceSettings} />
43+
<Route
44+
path="/settings/blueprint/:blueprintId"
45+
render={(props) => (
46+
<BlueprintSettings
47+
blueprintId={protectString(decodeURIComponent(props.match.params.blueprintId))}
48+
/>
49+
)}
50+
/>
51+
<Route path="/settings/tools/snapshots" component={SnapshotsView} />
52+
<Route path="/settings/tools/migration" component={MigrationView} />
53+
<Route path="/settings/tools/system" component={SystemManagement} />
54+
<Redirect to="/settings" />
55+
</Switch>
56+
</ErrorBoundary>
57+
</Col>
58+
</Row>
59+
</div>
60+
</Container>
5661
)
5762
}
5863

‎packages/webui/src/client/ui/Status.tsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import { MediaStatus } from './Status/media-status'
1212
import { CorelibPubSub } from '@sofie-automation/corelib/dist/pubsub'
1313
import Row from 'react-bootstrap/Row'
1414
import Col from 'react-bootstrap/Col'
15+
import Container from 'react-bootstrap/esm/Container'
1516

1617
function StatusMenu(): JSX.Element {
1718
const { t } = useTranslation()
@@ -71,7 +72,7 @@ export default function Status(): JSX.Element {
7172
useSubscription(CorelibPubSub.showStyleVariants, null, null)
7273

7374
return (
74-
<>
75+
<Container fluid className="header-clear">
7576
<div className="mt-5 mx-5 has-statusbar">
7677
<Row>
7778
<Col xs={12} sm={4} md={3} lg={2}>
@@ -92,6 +93,6 @@ export default function Status(): JSX.Element {
9293
</Col>
9394
</Row>
9495
</div>
95-
</>
96+
</Container>
9697
)
9798
}

‎packages/webui/src/client/ui/TestTools/index.tsx‎

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import { CorelibPubSub } from '@sofie-automation/corelib/dist/pubsub'
1010
import { IngestRundownStatusSelect, IngestRundownStatusView } from './IngestRundownStatus'
1111
import Row from 'react-bootstrap/Row'
1212
import Col from 'react-bootstrap/Col'
13+
import Container from 'react-bootstrap/esm/Container'
1314

1415
function StatusMenu() {
1516
const { t } = useTranslation()
@@ -62,27 +63,29 @@ export default function Status(): JSX.Element {
6263
useSubscription(CorelibPubSub.showStyleVariants, null, null)
6364

6465
return (
65-
<div className="mt-5 mx-5 has-statusbar">
66-
<Row>
67-
<Col xs={12} sm={4} md={3} lg={2}>
68-
<StatusMenu />
69-
</Col>
70-
<Col xs={12} sm={8} md={9} lg={10}>
71-
<Switch>
72-
<Route path="/testTools/timeline/:studioId" component={TimelineView} />
73-
<Route path="/testTools/timeline" component={TimelineStudioSelect} />
74-
<Route path="/testTools/mappings/:studioId" component={MappingsView} />
75-
<Route path="/testTools/mappings" component={MappingsStudioSelect} />
76-
<Route path="/testTools/timelinedatastore/:studioId" component={TimelineDatastoreView} />
77-
<Route path="/testTools/timelinedatastore" component={TimelineDatastoreStudioSelect} />
78-
<Route path="/testTools/devicetriggers/:peripheralDeviceId" component={DeviceTriggersView} />
79-
<Route path="/testTools/devicetriggers" component={DeviceTriggersDeviceSelect} />{' '}
80-
<Route path="/testTools/ingestRundownStatus/:peripheralDeviceId" component={IngestRundownStatusView} />
81-
<Route path="/testTools/ingestRundownStatus" component={IngestRundownStatusSelect} />
82-
<Redirect to="/testTools/timeline" />
83-
</Switch>
84-
</Col>
85-
</Row>
86-
</div>
66+
<Container fluid className="header-clear">
67+
<div className="mt-5 mx-5 has-statusbar">
68+
<Row>
69+
<Col xs={12} sm={4} md={3} lg={2}>
70+
<StatusMenu />
71+
</Col>
72+
<Col xs={12} sm={8} md={9} lg={10}>
73+
<Switch>
74+
<Route path="/testTools/timeline/:studioId" component={TimelineView} />
75+
<Route path="/testTools/timeline" component={TimelineStudioSelect} />
76+
<Route path="/testTools/mappings/:studioId" component={MappingsView} />
77+
<Route path="/testTools/mappings" component={MappingsStudioSelect} />
78+
<Route path="/testTools/timelinedatastore/:studioId" component={TimelineDatastoreView} />
79+
<Route path="/testTools/timelinedatastore" component={TimelineDatastoreStudioSelect} />
80+
<Route path="/testTools/devicetriggers/:peripheralDeviceId" component={DeviceTriggersView} />
81+
<Route path="/testTools/devicetriggers" component={DeviceTriggersDeviceSelect} />{' '}
82+
<Route path="/testTools/ingestRundownStatus/:peripheralDeviceId" component={IngestRundownStatusView} />
83+
<Route path="/testTools/ingestRundownStatus" component={IngestRundownStatusSelect} />
84+
<Redirect to="/testTools/timeline" />
85+
</Switch>
86+
</Col>
87+
</Row>
88+
</div>
89+
</Container>
8790
)
8891
}

0 commit comments

Comments
 (0)