fixup! fixup! fixup! ui-trackoccupancydiagram: export colors from consts

OpenRailAssociation · Dec 12, 2024 · aab8379 · aab8379
1 parent 1002e43
commit aab8379
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/storybook/stories/TrackOccupancyDiagram/TrackOccupancyDiagram.stories.tsx b/storybook/stories/TrackOccupancyDiagram/TrackOccupancyDiagram.stories.tsx
@@ -198,16 +198,16 @@ const TrackOccupancyDiagram = ({
   return (
     <div id="track-occupancy-diagram-base-story" className="bg-ambientB-10">
       <SpaceTimeChartContext.Provider value={contextState}>
-        <div className="container">
-          <div className="bg-ambientB-5 flex flex-col justify-center container-header">
+        <div className="main-container">
+          <div className="bg-ambientB-5 flex flex-col justify-center main-container-header">
             <KebabHorizontal />
           </div>
           <div className="flex">
-            <div className="container-manchette">
+            <div className="main-container-manchette">
               <TrackOccupancyManchette tracks={tracks} />
             </div>
             <CanvasContext.Provider value={canvasContext}>
-              <div className="container-canvas">
+              <div className="main-container-canvas">
                 <TrackOccupancyCanvas
                   opId={OP_ID}
                   useDraw={useDraw}
@@ -218,7 +218,7 @@ const TrackOccupancyDiagram = ({
           </div>
         </div>
         <CanvasContext.Provider value={spaceTicksContext}>
-          <div ref={setRoot} className="relative container-time-captions">
+          <div ref={setRoot} className="relative main-container-time-captions">
             <div ref={setSpaceTicksRoot} className="absolute inset-0">
               <TimeCaptions />
             </div>

diff --git a/storybook/styles/trackOccupancyDiagram/baseStory.css b/storybook/styles/trackOccupancyDiagram/baseStory.css
@@ -1,7 +1,7 @@
 #track-occupancy-diagram-base-story {
   padding: 30px 40px;
 
-  .container {
+  .main-container {
     width: 1424px;
     box-shadow:
       0px 2px 4px 0 rgba(0, 0, 0, 0.22),