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

feat(theme): add corporate theme #1727

Merged
merged 5 commits into from
Jun 21, 2018
Merged

Conversation

denStrigo
Copy link
Collaborator

Please read and mark the following check list before creating a pull request (check one with "x"):

Short description of what this resolves:

<nb-search type="rotate-layout" (click)="startSearch()"></nb-search>
</nb-action>
</nb-actions>

Copy link
Collaborator

Choose a reason for hiding this comment

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

unnecessary new line

@import '~@nebular/theme/styles/core/functions';

@include nb-install-component() {
$default-switcher-background: #ebeff5;
Copy link
Collaborator

Choose a reason for hiding this comment

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

should we move these variables to the theme?


&::before {
// Hack for IE11, IE11 should not set background
background: -webkit-linear-gradient(#01dbb5, #0bbb79);
Copy link
Collaborator

Choose a reason for hiding this comment

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

should we move these variables to the theme?

color: #0bbb79;

// Hack for IE11, IE11 should not set background
background: -webkit-linear-gradient(#01dbb5, #0bbb79);
Copy link
Collaborator

Choose a reason for hiding this comment

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

should we move these variables to the theme?


constructor(protected themeService: NbThemeService) {
this.themeSubscription = this.themeService.getJsTheme().subscribe(theme => {
this.currentTheme = theme.name;
Copy link
Collaborator

Choose a reason for hiding this comment

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

let's re-do this with alive


constructor(private themeService: NbThemeService) {
this.themeSubscription = this.themeService.getJsTheme().subscribe(theme => {
this.currentTheme = theme.name;
Copy link
Collaborator

Choose a reason for hiding this comment

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

let's re-do this with alive

@@ -212,6 +220,45 @@
}
}

@include nb-for-theme(corporate) {
nb-tabset /deep/ ul li.active {
Copy link
Collaborator

Choose a reason for hiding this comment

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

what are these styles for?

&.warning,
&.danger,
&.secondary {
box-shadow: none;
Copy link
Collaborator

Choose a reason for hiding this comment

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

what if we keep the shadow?

@@ -34,19 +34,29 @@
<div class="container-title">Pagination</div>
<div class="btn-group btn-group-toggle btn-outline-toggle-group" data-toggle="buttons"
[(ngModel)]="paginationModel" ngbRadioGroup>
<label ngbButtonLabel class="btn btn-outline-success">
<label ngbButtonLabel
Copy link
Collaborator

Choose a reason for hiding this comment

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

let's revert this

currentTheme: string;
themeSubscription: Subscription;

constructor(private themeService: NbThemeService) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

so no need in this

}

i {
$icon-color-default: #0bbb79;
Copy link
Collaborator

Choose a reason for hiding this comment

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

move on top

cursor: pointer;

&:hover {
span {
Copy link
Collaborator

Choose a reason for hiding this comment

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

no need in additional { }

theme: NbJSThemeOptions;

themes = [{
title: 'Light',
Copy link
Collaborator

Choose a reason for hiding this comment

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

array-object styling looks strange to me

@nnixaa nnixaa merged commit e37f12d into akveo:master Jun 21, 2018
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