fix: triple-line slightly clipped

davwheat · Jun 9, 2024 · 382da9b · 382da9b
1 parent 8d609bf
commit 382da9b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/displays/DaktronicsDataDisplayDmi/TrainService.tsx b/src/components/displays/DaktronicsDataDisplayDmi/TrainService.tsx
@@ -72,7 +72,8 @@ const serviceBase = css`
   }
 
   &[data-triple-line='true'] ~ :has(&),
-  &[data-triple-line='true'] ~ & {
+  &[data-triple-line='true'] ~ &,
+  &[data-triple-line='true'] ~ #space-filler {
     display: none;
   }
 `;

diff --git a/src/components/displays/DaktronicsDataDisplayDmi/TrainServices.tsx b/src/components/displays/DaktronicsDataDisplayDmi/TrainServices.tsx
@@ -252,14 +252,14 @@ export default function TrainServices({ services, worldlinePowered }: IProps) {
                 />
               ) : (
                 // Spacer row
-                <div css={{ height: 'var(--row-height)' }} />
+                <div id="space-filler" css={{ height: 'var(--row-height)' }} />
               )}
             </>
           )}
         </>
       ) : (
         // Spacer row
-        <div css={{ height: 'var(--row-height)' }} />
+        <div id="space-filler" css={{ height: 'var(--row-height)' }} />
       )}
     </>
   );