(fix) remove mobile textarea border with files

antoine92190 · antoine92190 · commit b09d7a4e08d5 · 2021-10-31T15:30:51.000+01:00
diff --git a/src/lib/Room/Room.scss b/src/lib/Room/Room.scss
@@ -235,8 +235,11 @@
 		}
 
 		.vac-box-footer {
-			border-top: var(--chat-border-style-input);
 			padding: 7px 2px 7px 7px;
+
+			&.vac-box-footer-border {
+				border-top: var(--chat-border-style-input);
+			}
 		}
 
 		.vac-text-started {
diff --git a/src/lib/Room/Room.vue b/src/lib/Room/Room.vue
@@ -184,7 +184,10 @@
 				</template>
 			</room-files>
 
-			<div class="vac-box-footer">
+			<div
+				class="vac-box-footer"
+				:class="{ 'vac-box-footer-border': !files.length }"
+			>
 				<div v-if="showAudio && !files.length" class="vac-icon-textarea-left">
 					<template v-if="isRecording">
 						<div

Original file line number	Diff line number	Diff line change
`@@ -235,8 +235,11 @@`
`235`	`235`	`}`
`236`	`236`
`237`	`237`	`.vac-box-footer {`
`238`		`- border-top: var(--chat-border-style-input);`
`239`	`238`	`padding: 7px 2px 7px 7px;`
	`239`	`+`
	`240`	`+ &.vac-box-footer-border {`
	`241`	`+ border-top: var(--chat-border-style-input);`
	`242`	`+ }`
`240`	`243`	`}`
`241`	`244`
`242`	`245`	`.vac-text-started {`