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

Add some missing styles #207

Merged
merged 4 commits into from
Apr 11, 2017
Merged

Add some missing styles #207

merged 4 commits into from
Apr 11, 2017

Conversation

job13er
Copy link
Contributor

@job13er job13er commented Mar 31, 2017

This project uses semver, please check the scope of this pr:

  • #none# - documentation fixes and/or test additions
  • #patch# - backwards-compatible bug fix
  • #minor# - adding functionality in a backwards-compatible manner
  • #major# - incompatible API change

Screenshots

Before

before-01
before-02
before-03

After

after-01
after-02
after-03

CHANGELOG

  • Added some additional styles that were missing, as well as an example for a user menu
  • Fixed #30
  • Fixed #32

@job13er
Copy link
Contributor Author

job13er commented Mar 31, 2017

I'm closing this for now b/c I just realized it doesn't quite render correctly still.

@job13er job13er closed this Mar 31, 2017
$frost-color-nav-route-focus-box-shadow: #fff !default;

$frost-navigation-bar-height: 50px !default;
$z-index-application-bar: 3 !default;
Copy link
Contributor

Choose a reason for hiding this comment

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

FYI I've been trying to centralize all z-index values in core so that we know how they'll compete https://github.com/ciena-frost/ember-frost-core/blob/master/addon/styles/_z-index.scss

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Sounds good. I was just renaming existing variables and putting them in a variables file.

$frost-color-nav-bar-bg: $frost-color-night-2 !default;
$frost-color-nav-border-left: rgba($frost-color-white, .2) !default;
$frost-color-nav-category-border-right: rgba($frost-color-white, .2) !default;
$frost-color-nav-category-active-bg: rgba(39, 36, 37, .5) !default;
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 have a TODO here to make this a colour variable if it isn't one already

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It is one, isn't it? Or do you mean add it to ember-frost-core?

$frost-color-nav-category-border-right: rgba($frost-color-white, .2) !default;
$frost-color-nav-category-active-bg: rgba(39, 36, 37, .5) !default;
$frost-color-nav-column-border: rgba($frost-color-white, .3) !default;
$frost-color-nav-modal-bg: rgba(51, 66, 79, .97) !default;
Copy link
Contributor

Choose a reason for hiding this comment

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

Same for this

README.md Outdated
### CSS
The following CSS classes are defined by this addon to make it easier to layout a page using `frost-navigation`:

* `frost-navigation-parent`: This class should be applied to, you guessed it, the parent of the `frost-navigation`
Copy link
Contributor

Choose a reason for hiding this comment

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

How about frost-application and frost-application-content?

@@ -90,6 +91,7 @@
"ember-computed-decorators": "^0.2.2",
"ember-cli-htmlbars": "^1.0.1",
"ember-cli-sass": "5.6.0",
"ember-frost-core": "^1.0.0",
Copy link
Contributor

Choose a reason for hiding this comment

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

Are we at the stage where core can work without a blueprint run? @dafortin

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I thought I put a note, maybe it wasn't in this PR, where the core install won't actually work, but I don't think it really matters for addons that depend on core. I don't think anyone is getting core by installing some other addon in their app. I think it's safe (for this transition period at least) to just tell people to install core and test independently.

Copy link
Contributor

Choose a reason for hiding this comment

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

Yeah, that's fine - I doubt we have any scenarios where only the nav is used currently anyway

}}

{{#frost-popover
class='frost-navigation-user-menu'
Copy link
Contributor

Choose a reason for hiding this comment

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

Concat CSS?

Copy link
Contributor

Choose a reason for hiding this comment

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

Never mind - this makes sense, but do you want the other CSS concats in this file?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yeah, I think so, because those aren't classes provided by this addon. Of course, maybe I should make the user menu an actual component that this guy provides? Doesn't mean people have to use it, so it won't break anyone, but might make life easier for some.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Actually, maybe in another PR. I'm gonna try this one with just the style updates and the example user-menu this time, since I'm not sure the best way to allow consumers to define their own additional items in the user menu dropdown.

@job13er job13er reopened this Apr 3, 2017
@job13er job13er closed this Apr 3, 2017
@job13er job13er reopened this Apr 3, 2017
@coveralls
Copy link

Coverage Status

Changes Unknown when pulling 7f8d456 on job13er:add-some-styles into ** on ciena-frost:master**.

@job13er
Copy link
Contributor Author

job13er commented Apr 3, 2017

@sglanzer Added screenshots for previous rendering and current rendering to PR description.

@job13er
Copy link
Contributor Author

job13er commented Apr 6, 2017

@sglanzer How's this looking now?

@job13er
Copy link
Contributor Author

job13er commented Apr 11, 2017

@sglanzer Ping

@sglanzer-deprecated
Copy link
Contributor

sglanzer-deprecated commented Apr 11, 2017

Approved - thanks @job13er, sorry about the delay

Approved with PullApprove

@sglanzer-deprecated sglanzer-deprecated merged commit 57773fe into ciena-frost:master Apr 11, 2017
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.

4 participants