fix collapsed height
This commit is contained in:
parent
807093b94c
commit
6f1bdf79cd
|
@ -213,8 +213,8 @@ const isLong =
|
||||||
!props.detailedView &&
|
!props.detailedView &&
|
||||||
((props.note.cw == null &&
|
((props.note.cw == null &&
|
||||||
props.note.text != null &&
|
props.note.text != null &&
|
||||||
(props.note.text.split("\n").length > 9 ||
|
(props.note.text.split("\n").length > 10 ||
|
||||||
props.note.text.length > 500)) ||
|
props.note.text.length > 800)) ||
|
||||||
props.note.files.length > 4);
|
props.note.files.length > 4);
|
||||||
|
|
||||||
const collapsed = $ref(props.note.cw == null && isLong);
|
const collapsed = $ref(props.note.cw == null && isLong);
|
||||||
|
@ -340,7 +340,7 @@ function focusFooter(ev) {
|
||||||
&.collapsed,
|
&.collapsed,
|
||||||
&.showContent {
|
&.showContent {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-height: calc(9em + 50px);
|
max-height: calc(15em + 100px);
|
||||||
> .body {
|
> .body {
|
||||||
max-height: inherit;
|
max-height: inherit;
|
||||||
mask: linear-gradient(black calc(100% - 64px), transparent);
|
mask: linear-gradient(black calc(100% - 64px), transparent);
|
||||||
|
@ -360,7 +360,7 @@ function focusFooter(ev) {
|
||||||
}
|
}
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
&.manyImages {
|
&.manyImages {
|
||||||
max-height: calc(9em + 200px);
|
max-height: calc(15em + 250px);
|
||||||
}
|
}
|
||||||
> .body {
|
> .body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
Loading…
Reference in New Issue