Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BT-151] AppHeader #42

Merged
merged 8 commits into from
Nov 24, 2015
Merged

[BT-151] AppHeader #42

merged 8 commits into from
Nov 24, 2015

Conversation

dimadesu
Copy link
Contributor

  • Styling improvements:
    • Renamed to match to JXS components (+ shorter names)
    • Removed centering with margins, changed to flex
  • Other features pretty obvious see yourself

I think these things can be maybe be further improved, I'd like to hear your thoughts, if anything come to mind.

  • Component names
  • Should each component files be grouped in own folders?
  • Move some components outside appHeader, if they can be used independently

@dimadesu dimadesu changed the title Don't merge me. [BT-151] AppHeader [BT-151] AppHeader Nov 23, 2015
.exampleContainer--dark {
background: #aaaaaa;
}

Copy link
Contributor

Choose a reason for hiding this comment

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

Nice! I just played around with this a bit and I'd like to suggest these styles for improved contrast between the background and text color:

.exampleContainer {
  // Other styles...

  background: white;

  .examplePageTitle,
  .examplePageSubTitle,
  .examplePageText {
    color: #5e6162;
  }
}

.exampleContainer--dark {
  background: #5e6162;

  .examplePageTitle,
  .examplePageSubTitle,
  .examplePageText {
    color: white;
  }
}

image

@cjcenizal
Copy link
Contributor

This is great! The SCSS follows the BEM format really well. The interfaces for the components are also really nice. I had a lot of comments but they're all pretty simple little things. Nice work.

…styled dark example. Isolated prototype's dropdownArrow class. Renamed vars and style classes
@dimadesu
Copy link
Contributor Author

@cjcenizal Thanks for great tips!

dimadesu added a commit that referenced this pull request Nov 24, 2015
@dimadesu dimadesu merged commit b363370 into develop Nov 24, 2015
@dimadesu dimadesu deleted the feature/BT-151-app-header branch November 24, 2015 14:12
const picture = props.url ? <img src={props.url} /> : null;

return (
<span className="icon glyphicons-user accountPicture">
Copy link
Contributor

Choose a reason for hiding this comment

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

Looks like some there's some weird indentation here.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants