fix(oc-docs): full-height playground editors, uniform tab padding, pagination polish - #149
Merged
bijin-bruno merged 3 commits intoJul 23, 2026
Conversation
sundram-bruno
marked this pull request as draft
July 23, 2026 13:49
sundram-bruno
force-pushed
the
fix/oc-docs-ui-refinements-2
branch
from
July 23, 2026 15:11
964a42c to
a84d730
Compare
sundram-bruno
marked this pull request as ready for review
July 23, 2026 15:12
vasharma05-bruno
approved these changes
Jul 23, 2026
sundram-bruno
force-pushed
the
fix/oc-docs-ui-refinements-2
branch
from
July 23, 2026 15:49
a84d730 to
f2ac2be
Compare
arpit-bruno
approved these changes
Jul 23, 2026
…gination polish - Body/Tests/Scripts editors in the request pane now fill the available height (opt-in fillHeight prop; folder/collection settings keep their fixed-height editors) and stop 1rem above the pane bottom - request-pane tab panel scrolls internally so its padding-bottom is honoured on long content and the tab row stays fixed - add uniform 1rem bottom padding to every playground tab panel from a single parent rule (request/folder/collection), resetting nested tabs - pagination (PrevNext): inner padding 8px across breakpoints and bump the request-name line-height so descenders are no longer clipped
- Uniform page spacing across all playground pages (request, folder, collection, environments, example, and WS/GraphQL/gRPC): 1.25rem left padding and 1.25rem top so every page's content starts at the same edge - All page headings now render through the shared TitleLabel component at a single size/weight (theme md, 14px, 600) with a consistent line-height so titles look the same and their glyph tops align; the taller line-height also stops descenders (y, g, p) being clipped - Heading-to-tabs spacing lives on the heading; removed the top margin previously on the tabs beneath folder and collection headings - Markdown blockquote (the Note callout) is vertically centred: the last paragraph's bottom margin is dropped so top and bottom padding match - Example page heading no longer shows the "/ Example" suffix - Removed the now-unused style classes (collection title, env title, example name suffix)
sundram-bruno
force-pushed
the
fix/oc-docs-ui-refinements-2
branch
from
July 23, 2026 16:30
785032f to
d5e26c3
Compare
arpit-bruno
approved these changes
Jul 23, 2026
sundram-bruno
force-pushed
the
fix/oc-docs-ui-refinements-2
branch
from
July 23, 2026 16:42
d5e26c3 to
e35659b
Compare
- Add data-testids to the Body and Tests editors so all three fill-height editors are locatable - Add a Playwright spec asserting the Body, Tests and pre-request Script editors stretch to fill the request pane, ending ~1rem above its bottom
sundram-bruno
force-pushed
the
fix/oc-docs-ui-refinements-2
branch
from
July 23, 2026 17:14
e35659b to
95ad0ed
Compare
bijin-bruno
approved these changes
Jul 23, 2026
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
4 participants
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.
Playground UI refinements in the request/folder/collection panes and the docs pagination.
JIRA : BRU-3753
Changes
fillHeightprop, so the folder- and collection-settings usages keep their existing fixed heights. Each editor's border stops 1rem above the pane bottom.overflow-y: auto), so long content (e.g. a request Overview) no longer overflows past the pane and its bottom padding is honoured at the scroll end. The tab row now stays fixed while content scrolls.PlaygroundBodygives every playground tab panel a 1rem bottom padding (request/folder/collection), replacing the per-tab padding. Nested tabs (Scripts sub-tabs) are reset so they aren't double-padded.line-heightbumped 1.2 → 1.4 so descenders (e.g. the tail of "g") are no longer clipped.