layout fixes

This commit is contained in:
zadam
2021-06-15 21:53:22 +02:00
parent fb31acc8e0
commit 2220c4491b
4 changed files with 16 additions and 8 deletions

View File

@@ -4,33 +4,33 @@ import froca from "./froca.js";
import attributeRenderer from "./attribute_renderer.js";
const TPL = `
<div class="note-list-widget">
<div class="note-list">
<style>
.note-list-widget {
.note-list {
overflow: hidden;
position: relative;
height: 100%;
}
.note-list-widget.grid-view .note-list-widget-container {
.note-list.grid-view .note-list-container {
display: flex;
flex-wrap: wrap;
}
.note-list-widget.grid-view .note-book-card {
.note-list.grid-view .note-book-card {
flex-basis: 300px;
border: 1px solid transparent;
}
.note-list-widget.grid-view .note-expander {
.note-list.grid-view .note-expander {
display: none;
}
.note-list-widget.grid-view .note-book-card {
.note-list.grid-view .note-book-card {
max-height: 300px;
}
.note-list-widget.grid-view .note-book-card:hover {
.note-list.grid-view .note-book-card:hover {
cursor: pointer;
border: 1px solid var(--main-border-color);
background: var(--more-accented-background-color);
@@ -198,7 +198,7 @@ class NoteListRenderer {
this.$noteList.show();
const $container = this.$noteList.find('.note-list-widget-container').empty();
const $container = this.$noteList.find('.note-list-container').empty();
const startIdx = (this.page - 1) * this.pageSize;
const endIdx = startIdx + this.pageSize;