diff --git a/next-tavla/src/Admin/scenarios/Edit/index.tsx b/next-tavla/src/Admin/scenarios/Edit/index.tsx
index 77348f2e7..92c0488b8 100644
--- a/next-tavla/src/Admin/scenarios/Edit/index.tsx
+++ b/next-tavla/src/Admin/scenarios/Edit/index.tsx
@@ -11,7 +11,6 @@ import { ToastProvider } from '@entur/alert'
import { FloatingButton } from '@entur/button'
import { StyledLink } from 'Admin/components/StyledLink'
import { ShareTable } from '../ShareTable'
-import { ToggleColumns } from '../ToggleColumns'
function Edit({
initialSettings,
@@ -29,7 +28,6 @@ function Edit({
-
+
)
}
diff --git a/next-tavla/src/Admin/scenarios/TileSettings/components/StopPlaceSettings.tsx b/next-tavla/src/Admin/scenarios/TileSettings/components/StopPlaceSettings.tsx
index 4824765cc..de7d0c51b 100644
--- a/next-tavla/src/Admin/scenarios/TileSettings/components/StopPlaceSettings.tsx
+++ b/next-tavla/src/Admin/scenarios/TileSettings/components/StopPlaceSettings.tsx
@@ -4,6 +4,7 @@ import { useQuery } from 'graphql/utils'
import { TStopPlaceTile } from 'types/tile'
import { fieldsNotNull } from 'utils/typeguards'
import { TileSettingsWrapper } from './TileSettingsWrapper'
+import { ToggleColumns } from 'Admin/scenarios/ToggleColumns'
function StopPlaceSettings({ tile }: { tile: TStopPlaceTile }) {
const { data } = useQuery(StopPlaceSettingsQuery, { id: tile.placeId })
@@ -18,6 +19,7 @@ function StopPlaceSettings({ tile }: { tile: TStopPlaceTile }) {
return (
+
)
}
diff --git a/next-tavla/src/Admin/scenarios/TileSettings/components/TileSettingsWrapper/styles.module.css b/next-tavla/src/Admin/scenarios/TileSettings/components/TileSettingsWrapper/styles.module.css
index 0a14f5fb8..7479b05b6 100644
--- a/next-tavla/src/Admin/scenarios/TileSettings/components/TileSettingsWrapper/styles.module.css
+++ b/next-tavla/src/Admin/scenarios/TileSettings/components/TileSettingsWrapper/styles.module.css
@@ -15,4 +15,5 @@
.content {
overflow: auto;
+ position: relative;
}
diff --git a/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx b/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx
index ee54bdee3..038bb682f 100644
--- a/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx
+++ b/next-tavla/src/Admin/scenarios/ToggleColumns/index.tsx
@@ -1,8 +1,9 @@
-import { Heading3 } from '@entur/typography'
+import { Heading4, SubParagraph } from '@entur/typography'
import { useSettingsDispatch } from 'Admin/utils/contexts'
-import { DefaultColumns, TColumn } from 'types/column'
+import { Columns, DefaultColumns, TColumn } from 'types/column'
import { TTile } from 'types/tile'
import { Switch } from '@entur/form'
+import classes from './styles.module.css'
function ToggleColumns({ tile }: { tile: TTile }) {
const dispatch = useSettingsDispatch()
@@ -20,19 +21,26 @@ function ToggleColumns({ tile }: { tile: TTile }) {
const columns = { ...DefaultColumns, ...tile.columns }
return (
-
Legg til informasjon
-
- {optionalColumns.map((col) => {
- return (
-
handleSwitch(col, !columns[col])}
- >
- {col}
-
- )
- })}
+
Legg til ekstra detaljer i tabellen
+
+ Linje, destinasjon, avvik og avgangstid vil alltid vises i
+ tabellen.
+ Her kan du legge til ekstra detaljer i denne holdeplassen sin
+ tabell.
+
+
+ {optionalColumns.map((col) => {
+ return (
+ handleSwitch(col, !columns[col])}
+ >
+ {Columns[col]}
+
+ )
+ })}
+
)
}
diff --git a/next-tavla/src/Admin/scenarios/ToggleColumns/styles.module.css b/next-tavla/src/Admin/scenarios/ToggleColumns/styles.module.css
new file mode 100644
index 000000000..8d79dc6c3
--- /dev/null
+++ b/next-tavla/src/Admin/scenarios/ToggleColumns/styles.module.css
@@ -0,0 +1,5 @@
+.columnToggleWrapper {
+ display: flex;
+ gap: 1em;
+ margin: 1em;
+}