Skip to content
This repository was archived by the owner on Jan 11, 2023. It is now read-only.

Make source tab's UI and tests consistent in RTL mode#2870

Merged
jasonLaster merged 4 commits into
firefox-devtools:masterfrom
diessica:tab-icons-fix
May 12, 2017
Merged

Make source tab's UI and tests consistent in RTL mode#2870
jasonLaster merged 4 commits into
firefox-devtools:masterfrom
diessica:tab-icons-fix

Conversation

@diessica
Copy link
Copy Markdown

Associated Issue: #2791 and #2858

Summary of Changes

  • Improved tab UI vertical alignments and spacing, including special tabs with icons.
  • Improved Storybook's tab factory: nowdocument.dir is configured according. (This one is important, because it was preventing styles from postcss-bidirection to apply, so tests weren't consistent.)
  • Fixed dropdown alignment.

Screenshots

Special tabs LTR

Special tabs RTL

Dropdown

@codecov
Copy link
Copy Markdown

codecov Bot commented May 10, 2017

Codecov Report

Merging #2870 into master will decrease coverage by 0.25%.
The diff coverage is n/a.

Impacted file tree graph

@@            Coverage Diff             @@
##           master    #2870      +/-   ##
==========================================
- Coverage   58.83%   58.57%   -0.26%     
==========================================
  Files          63       63              
  Lines        2378     2356      -22     
  Branches      487      484       -3     
==========================================
- Hits         1399     1380      -19     
+ Misses        979      976       -3
Impacted Files Coverage Δ
src/components/Outline.js 80% <0%> (-3.79%) ⬇️
assets/images/Svg.js 84.61% <0%> (ø) ⬆️
src/actions/sources.js 37.83% <0%> (ø) ⬆️
src/components/shared/previewFunction.js 100% <0%> (ø) ⬆️
src/reducers/sources.js 77.86% <0%> (+0.24%) ⬆️

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 1d35c6d...8a84f18. Read the comment docs.

@jasonLaster
Copy link
Copy Markdown
Contributor

hmm, looks like the new tab button is a bit high

@jasonLaster
Copy link
Copy Markdown
Contributor

Thanks for fixing storybook, that's awesome

@diessica
Copy link
Copy Markdown
Author

hmm, looks like the new tab button is a bit high

If you're comparing to the old version, yes, it is, but that's probably because it was very misaligned before. See this:

screencast 2017-05-10 at 6 55 00 pm

Liked it yet? 🙃

@diessica
Copy link
Copy Markdown
Author

I've noticed from the last GIF that the icons were a bit shifted to the bottom. Now it's better 👌

Copy link
Copy Markdown
Contributor

@jasonLaster jasonLaster left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks

@jasonLaster
Copy link
Copy Markdown
Contributor

Thanks @diessica. The screenshots really helped. This looks really good!

@jasonLaster jasonLaster merged commit 1bc4018 into firefox-devtools:master May 12, 2017
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants