fix css and use cx for classname

OpenRailAssociation · Nov 26, 2024 · db9cf66 · db9cf66
1 parent 713f36d
commit db9cf66
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 deletions.
diff --git a/front/src/applications/operationalStudies/components/Scenario/ScenarioContent.tsx b/front/src/applications/operationalStudies/components/Scenario/ScenarioContent.tsx
@@ -203,7 +203,7 @@ const ScenarioContent = ({
               {collapsedTimetable && (
                 <>
                   <div
-                    className={`scenario-timetable-collapsed ${collapsedTimetable ? 'd-none' : ''}`}
+                    className={cx('scenario-timetable-collapsed', { 'd-none': collapsedTimetable })}
                   >
                     <div className="lead ml-2">{scenario.name}</div>
                     <div className="d-flex align-items-center ml-auto">

diff --git a/front/src/styles/scss/applications/operationalStudies/_scenario.scss b/front/src/styles/scss/applications/operationalStudies/_scenario.scss
@@ -23,15 +23,13 @@
     position: absolute;
     left: 0;
     top: 38px;
-    transform: translateY(38px);
     padding-bottom: 3px;
     padding-inline: 4px 12px;
     height: 34px;
     width: 24px;
     color: var(--grey40);
     background-color: var(--white100);
     border-radius: 0px 5px 5px 0px;
-    top: 0;
     box-shadow: 0 0 0 1px var(--black10);
     clip-path: inset(-1px -1px -1px 1px);
     z-index: 2;