tweak css

RocketCommunicationsInc · May 7, 2024 · 7890d19 · 7890d19
1 parent 748144e
commit 7890d19
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/web-components/src/components/rux-timeline/rux-ruler/rux-ruler.scss b/packages/web-components/src/components/rux-timeline/rux-ruler/rux-ruler.scss
@@ -9,10 +9,14 @@
 .ruler-time {
     display: flex;
     align-items: center;
-    padding: 8px 20px 8px;
+    padding: 12px 20px;
     justify-content: center;
 }
 
+.ruler-time.has-date-scroll {
+    padding: 8px 20px 8px;
+}
+
 .ruler-new-day-cell {
     background-color: var(--color-background-base-default);
 }

diff --git a/packages/web-components/src/components/rux-timeline/rux-ruler/rux-ruler.tsx b/packages/web-components/src/components/rux-timeline/rux-ruler/rux-ruler.tsx
@@ -127,6 +127,10 @@ export class RuxRuler {
                                             'ruler-new-day-cell': this.shouldShowDate(
                                                 time
                                             ),
+                                            'has-date-scroll':
+                                                (this.showStartOfDay &&
+                                                    this.interval === 'hour') ||
+                                                false,
                                         }}
                                         style={{
                                             gridRow: '1',