-
Notifications
You must be signed in to change notification settings - Fork 8k
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
Conversation
d2f86e8
to
2b658d9
Compare
<nb-search type="rotate-layout" (click)="startSearch()"></nb-search> | ||
</nb-action> | ||
</nb-actions> | ||
|
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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); |
There was a problem hiding this comment.
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); |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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 { |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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 |
There was a problem hiding this comment.
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) { |
There was a problem hiding this comment.
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; |
There was a problem hiding this comment.
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 { |
There was a problem hiding this comment.
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', |
There was a problem hiding this comment.
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
Please read and mark the following check list before creating a pull request (check one with "x"):
Short description of what this resolves: