fix(frontend): もっと見るが見切れる問題

cffnpwr · Apr 26, 2024 · e44a64b · e44a64b
1 parent 95885ba
commit e44a64b
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/packages/frontend/src/components/MkContainer.vue b/packages/frontend/src/components/MkContainer.vue
@@ -207,6 +207,7 @@ onUnmounted(() => {
 
 	&.omitted {
 		position: relative;
+		min-height: 64px; // .fade
 		max-height: var(--maxHeight);
 		overflow: hidden;
 
@@ -217,7 +218,7 @@ onUnmounted(() => {
 			bottom: 0;
 			left: 0;
 			width: 100%;
-			height: 64px;
+			height: 64px; // .omitted
 			background: linear-gradient(0deg, var(--panel), var(--X15));
 
 			> .fadeLabel {

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
@@ -796,6 +796,7 @@ function emitUpdReaction(emoji: string, delta: number) {
 
 .contentCollapsed {
 	position: relative;
+	min-height: 64px; // .collapsed
 	max-height: 9em;
 	overflow: hidden; // fallback (overflow: clip)
 	overflow: clip;
@@ -808,7 +809,7 @@ function emitUpdReaction(emoji: string, delta: number) {
 	left: 0;
 	z-index: 2;
 	width: 100%;
-	height: 64px;
+	height: 64px; // .contentCollapsed
 	background: linear-gradient(0deg, var(--panel), var(--X15));
 
 	&:hover > .collapsedLabel {

diff --git a/packages/frontend/src/components/MkOmit.vue b/packages/frontend/src/components/MkOmit.vue
@@ -53,6 +53,7 @@ onUnmounted(() => {
 
 	&.omitted {
 		position: relative;
+		min-height: 64px; // .fade
 		max-height: v-bind("props.maxHeight + 'px'");
 		overflow: hidden;
 
@@ -63,7 +64,7 @@ onUnmounted(() => {
 			bottom: 0;
 			left: 0;
 			width: 100%;
-			height: 64px;
+			height: 64px; // .omitted
 			background: linear-gradient(0deg, var(--panel), var(--X15));
 
 			> .fadeLabel {

diff --git a/packages/frontend/src/components/MkSubNoteContent.vue b/packages/frontend/src/components/MkSubNoteContent.vue
@@ -52,6 +52,7 @@ const collapsed = ref(isLong);
 
 	&.collapsed {
 		position: relative;
+		min-height: 64px; // .fade
 		max-height: 9em;
 		overflow: hidden; // fallback (overflow: clip)
 		overflow: clip;
@@ -62,7 +63,7 @@ const collapsed = ref(isLong);
 			bottom: 0;
 			left: 0;
 			width: 100%;
-			height: 64px;
+			height: 64px; // .collapsed
 			background: linear-gradient(0deg, var(--panel), var(--X15));
 
 			> .fadeLabel {