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

Stick the commandbar to the top of the seconday panel. #2128

Merged

Conversation

Garbee
Copy link
Contributor

@Garbee Garbee commented Feb 24, 2017

Associated Issue: #1918

Summary of Changes

  • Sticky .command-bar to the top using position: sticky.
  • z-index so the static elements don't go on top of it.
  • Background-color to prevent the command bar from showing the scrolled elements underneath it.

Test Plan

Start up debugger, set a breakpoint, open the window scope variables. Scroll some.

@codecov-io
Copy link

codecov-io commented Feb 24, 2017

Codecov Report

Merging #2128 into master will not change coverage.
The diff coverage is n/a.

@@          Coverage Diff           @@
##           master   #2128   +/-   ##
======================================
  Coverage       0%      0%           
======================================
  Files          74      74           
  Lines        2328    2328           
======================================
  Misses       2328    2328

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 d05e245...cef648a. Read the comment docs.

Copy link
Contributor

@irfanhudda irfanhudda left a comment

Choose a reason for hiding this comment

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

One suggestion

position: sticky;
top: 0;
z-index: 1;
background-color: white;
Copy link
Contributor

Choose a reason for hiding this comment

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

We should use some variable (--theme-body-background?) to make this work with all themes.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

oh right. Is that the var for the color? The naming scheme for them makes no sense so I have no clue what they are actually called.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Updated, that wast he right variable name. Good catch!

@jasonLaster jasonLaster merged commit cb4fa1f into firefox-devtools:master Feb 24, 2017
@Garbee Garbee deleted the hotfix/commandbar-position branch February 24, 2017 18:16
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.

4 participants