fix(ui): prevent layout shift in log counter using tabular-nums#4317
Open
difagume wants to merge 1 commit intoDokploy:canaryfrom
Open
fix(ui): prevent layout shift in log counter using tabular-nums#4317difagume wants to merge 1 commit intoDokploy:canaryfrom
difagume wants to merge 1 commit intoDokploy:canaryfrom
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Fix: prevent layout shift in log counter
Summary
Add
tabular-numsto the log lines counter to avoid horizontal layout shift when the number of digits changes.Before
2026-04-27T15-05_34.893Z.mp4
Changes
tabular-numsto the counter badge in deployment dialogType of change
Greptile Summary
Adds
tabular-numsto the Tailwind class on the log-linesBadgeinshow-deployment.tsx, ensuring digits use fixed-width slots and eliminating the horizontal layout shift when the digit count changes during a live deployment.Confidence Score: 5/5
Safe to merge — single-character CSS utility addition with no logic changes.
The change is a one-word Tailwind utility added to a className string. It has no impact on logic, data, or security, and directly fixes the described visual jitter.
No files require special attention.
Reviews (1): Last reviewed commit: "fix(ui): prevent layout shift in log cou..." | Re-trigger Greptile