tinacms/tina.io

🐛 Bug - Fix Button Height Inconsistency on Navigation

Open

#3,098 opened on Mar 28, 2025

View on GitHub
 (2 comments) (1 reaction) (0 assignees)MDX (1,504 forks)auto 404
YakShavergood first issueux

Repository metrics

Stars
 (300 stars)
PR merge metrics
 (PR metrics pending)

Description

Requested by: @isaaclombardssw via YakShaver.ai 🦬 cc: @isaaclombardssw, @brookjeynes-ssw, @Marxoz, @landonmaxwell, @wicksipedia, @adamcogan

Hi Team!

  🟥  Watch the video (50 sec)

  Url from screen share: https://tina-ffrmjsjph-tinacms.vercel.app/docs/beginner-tutorial/nextjs-app

Pain

The navigation buttons on the ⭐ Tina.io documentation page have inconsistent heights when the text overflows. This affects the visual consistency of the page and needs to be fixed.

Acceptance Criteria

  1. Navigation buttons should have consistent heights regardless of text overflow.
  2. Text overflow should be handled without affecting button height.
  3. Visual appearance of the buttons should be consistent across different pages.

Reproduce Steps

  1. Navigate to the ⭐ Tina.io documentation page.
  2. Locate the navigation buttons at the bottom of the page.
  3. Observe the height difference between buttons when text overflows.

Screenshot

Screenshot Figure: Button height inconsistency due to text overflow

Contributor guide

Research direction
Tech stack
Domain
Issue type
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Prerequisites
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.