| Commit-Queue | +1 |
| Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
| Code-Review | +1 |
LGTM with a nit. This looks a lot simpler.
<div id="scroller" class="sp-scroller sp-scroller-top-of-page" ?hidden="${
!this.getAllItems_().length}">can we put this full attribute on a new line, indented +4 per the style guide, instead of breaking it up?
May want to disable clang-format for the template using clang-format off/clang-format on comments (I have a CL out for review to turn off clang format for .html.ts files, but needs one more approval before it can land).
| Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
<div id="scroller" class="sp-scroller sp-scroller-top-of-page" ?hidden="${
!this.getAllItems_().length}">can we put this full attribute on a new line, indented +4 per the style guide, instead of breaking it up?
May want to disable clang-format for the template using clang-format off/clang-format on comments (I have a CL out for review to turn off clang format for .html.ts files, but needs one more approval before it can land).
Oh yeah, that's a good call. Updated
| Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
| Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |
2 is the latest approved patch-set.
The change was submitted with unreviewed changes in the following files:
```
The name of the file: chrome/browser/resources/side_panel/reading_list/reading_list_app.html.ts
Insertions: 4, Deletions: 2.
@@ -8,6 +8,7 @@
import type {ReadingListAppElement} from './reading_list_app.js';
export function getHtml(this: ReadingListAppElement) {
+ // clang-format off
return html`<!--_html_template_start_-->
<div id="content" ?hidden="${this.loadingContent_}">
<div class="sp-scroller sp-scroller-top-of-page"
@@ -20,8 +21,8 @@
</sp-empty-state>
</div>
- <div id="scroller" class="sp-scroller sp-scroller-top-of-page" ?hidden="${
- !this.getAllItems_().length}">
+ <div id="scroller" class="sp-scroller sp-scroller-top-of-page"
+ ?hidden="${!this.getAllItems_().length}">
<cr-lazy-list id="readingListList" class="sp-card"
.items="${this.getAllItems_()}"
.itemSize="${this.itemSize_}"
@@ -69,4 +70,5 @@
</sp-footer>
</div>
<!--_html_template_end_-->`;
+ // clang-format on
}
```
[Reading List] Fix lazy loading for reading list
Have the height calculated from the sp-scroller element rather than
trying to pass the viewport height. Confirmed locally that only the
items in the viewport are rendered rather than the full list.
| Inspect html for hidden footers to help with email filtering. To unsubscribe visit settings. |