From 4601872794d81777eeea4a55b33d6fdf7c079e4c Mon Sep 17 00:00:00 2001
From: Carlos Garcia <fluiddot@gmail.com>
Date: Thu, 22 Apr 2021 15:22:22 +0200
Subject: [PATCH] [RNMobile] Fix notice size overflow (#31083)

* Update styles of notice component to fit any height

* Set maximum number of lines on notice component
---
 packages/components/src/notice/index.native.js   | 4 +++-
 packages/components/src/notice/style.native.scss | 8 +++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/components/src/notice/index.native.js b/packages/components/src/notice/index.native.js
index ea29835134c19a..a86881e17eb2c6 100644
--- a/packages/components/src/notice/index.native.js
+++ b/packages/components/src/notice/index.native.js
@@ -113,7 +113,9 @@ const Notice = ( { onNoticeHidden, content, id, status } ) => {
 			>
 				<TouchableWithoutFeedback onPress={ onHide }>
 					<View style={ styles.noticeContent }>
-						<Text style={ textStyles }>{ content }</Text>
+						<Text numberOfLines={ 3 } style={ textStyles }>
+							{ content }
+						</Text>
 					</View>
 				</TouchableWithoutFeedback>
 				{ isIOS && (
diff --git a/packages/components/src/notice/style.native.scss b/packages/components/src/notice/style.native.scss
index b6e45e0f8dc7a8..3b0d79b8996300 100644
--- a/packages/components/src/notice/style.native.scss
+++ b/packages/components/src/notice/style.native.scss
@@ -32,14 +32,16 @@
 }
 
 .notice {
-	height: 24;
 	justify-content: center;
 }
 
 .noticeContent {
-	position: absolute;
+	position: relative;
 	z-index: 1;
-	width: 100%;
+	padding-left: 8px;
+	padding-right: 8px;
+	padding-top: 5px;
+	padding-bottom: 5px;
 }
 
 .noticeSolid {