#96 polish mobile styles for inspector-page-timeline

buggregator · Aug 11, 2024 · eba9ef2 · eba9ef2
1 parent 13fe3cf
commit eba9ef2
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/screens/inspector/ui/inspector-page-timeline/inspector-page-timeline.vue b/src/screens/inspector/ui/inspector-page-timeline/inspector-page-timeline.vue
@@ -135,7 +135,10 @@ const segmentRows = computed(() => {
           :key="`${segmentRow.label} - ${segmentRow.duration}`"
           class="inspector-page-timeline__segment"
         >
-          <div class="inspector-page-timeline__segment-label">
+          <div
+            class="inspector-page-timeline__segment-label"
+            :title="segmentRow.label"
+          >
             {{ segmentRow.label }}
           </div>
 
@@ -242,7 +245,7 @@ const segmentRows = computed(() => {
 }
 
 .inspector-page-timeline__segment-label {
-  @apply text-2xs md:text-xs font-bold whitespace-nowrap pr-2 pb-1 opacity-20;
+  @apply text-2xs md:text-xs font-bold whitespace-nowrap px-2 pb-1 opacity-20 overflow-auto;
 
   .inspector-page-timeline__segment:hover & {
     @apply opacity-100;