-
Notifications
You must be signed in to change notification settings - Fork 1.5k
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: lists #530
feat: lists #530
Conversation
'nbscroll', | ||
{ detail: { originalEvent: $event, ...this.getScrollInfo() } }, | ||
); | ||
this.document.dispatchEvent(event); |
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.
document or better window?
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 run it outside of zone?
* `nb-list-item` accepts arbitrary content, so you can create list of any components. | ||
* | ||
* List of users: | ||
* @stacked-example(Users list, list/users-list-showcase.component) |
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.
@theme
block is missed
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.
done
@@ -73,6 +73,13 @@ export class NbCardFooterComponent { | |||
* Card with header and footer: | |||
* @stacked-example(With Header & Footer, card/card-full.component) | |||
* | |||
* Most of the time main card content goes to `nb-card-body`, so it styled and aligned according to header and footer. |
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 it is styled and aligned according_ly_ to header and footer
@@ -73,6 +73,13 @@ export class NbCardFooterComponent { | |||
* Card with header and footer: | |||
* @stacked-example(With Header & Footer, card/card-full.component) | |||
* | |||
* Most of the time main card content goes to `nb-card-body`, so it styled and aligned according to header and footer. | |||
* But in case you need a higher level of control, you can pass contend directly to `nb-card`, |
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.
But In
Codecov Report
@@ Coverage Diff @@
## master #530 +/- ##
=========================================
+ Coverage 69.72% 70.5% +0.77%
=========================================
Files 120 124 +4
Lines 3465 3590 +125
Branches 247 260 +13
=========================================
+ Hits 2416 2531 +115
- Misses 1003 1010 +7
- Partials 46 49 +3
|
src/playground/playground.module.ts
Outdated
@@ -348,6 +365,7 @@ export const NB_EXAMPLE_COMPONENTS = [ | |||
NbPlaygroundBaseComponent, | |||
...NB_EXAMPLE_COMPONENTS, | |||
], | |||
providers: [ NewsService ], |
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 it on a component level?
@@ -73,6 +73,13 @@ export class NbCardFooterComponent { | |||
* Card with header and footer: | |||
* @stacked-example(With Header & Footer, card/card-full.component) | |||
* | |||
* Most of the time main card content goes to `nb-card-body`, so it styled and aligned accordingly to header and footer. |
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 it is styled and aligned in accordance with the header and footer.
private getContainerDimentions(): Observable<NbScrollableContainerDimentions> { | ||
if (this.elementScroll) { | ||
const { scrollTop, scrollHeight, clientHeight } = this.elementRef.nativeElement; | ||
return of({ scrollTop, scrollHeight, clientHeight }); |
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.
of -> observableOf
) { | ||
if (isPlatformBrowser(this.platformId) && this.window.history.scrollRestoration) { | ||
this.initialScrollRestoration = window.history.scrollRestoration; | ||
history.scrollRestoration = 'manual'; |
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.
we should add a not about this
} | ||
|
||
updateUrl(page) { | ||
const queryParams = { ...this.route.snapshot.queryParams, page }; |
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.
we might not need to merge it here as navigate
can do this internally https://angular.io/api/router/NavigationExtras#queryParamsHandling
} | ||
|
||
[class$="placeholder"] { | ||
background: #f1f2f3; |
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 about cosmic
?
@yggg 🎉 |
Please read and mark the following check list before creating a pull request:
Short description of what this resolves:
List and infinite list components