瀏覽代碼

feat(native-participants-pane) updated styles for meeting participant list

master
Calin Chitu 4 年之前
父節點
當前提交
34ccd56691

+ 2
- 2
react/features/participants-pane/components/native/MeetingParticipantList.js 查看文件

15
     const { t } = useTranslation();
15
     const { t } = useTranslation();
16
 
16
 
17
     return (
17
     return (
18
-        <View style = { styles.lobbyList }>
19
-            <Text style = { styles.lobbyListDescription }>
18
+        <View style = { styles.meetingList }>
19
+            <Text style = { styles.meetingListDescription }>
20
                 {t('participantsPane.headings.participantsList',
20
                 {t('participantsPane.headings.participantsList',
21
                     { count: participants.length })}
21
                     { count: participants.length })}
22
             </Text>
22
             </Text>

+ 36
- 13
react/features/participants-pane/components/native/styles.js 查看文件

8
     justifyContent: 'center'
8
     justifyContent: 'center'
9
 };
9
 };
10
 
10
 
11
+/**
12
+ * The style for participant list.
13
+ */
14
+const participantList = {
15
+    marginLeft: 16,
16
+    marginRight: 16,
17
+    position: 'relative'
18
+};
19
+
20
+/**
21
+ * The style for participant list description.
22
+ */
23
+const participantListDescription = {
24
+    color: BaseTheme.palette.text01,
25
+    paddingBottom: 8,
26
+    paddingTop: 8,
27
+    position: 'relative',
28
+    width: '55%'
29
+};
30
+
11
 /**
31
 /**
12
  * The style for content.
32
  * The style for content.
13
  */
33
  */
186
         top: 4
206
         top: 4
187
     },
207
     },
188
     lobbyList: {
208
     lobbyList: {
189
-        marginLeft: 16,
190
-        marginRight: 16,
191
-        position: 'relative'
209
+        ...participantList,
210
+        marginTop: 8
211
+    },
212
+
213
+    meetingList: {
214
+        ...participantList,
215
+        marginTop: 16
192
     },
216
     },
193
 
217
 
194
     lobbyListDetails: {
218
     lobbyListDetails: {
196
         display: 'flex',
220
         display: 'flex',
197
         flexDirection: 'row',
221
         flexDirection: 'row',
198
         overflow: 'hidden',
222
         overflow: 'hidden',
199
-        paddingBottom: 16,
200
-        paddingTop: 16,
201
         position: 'relative',
223
         position: 'relative',
202
         width: '100%'
224
         width: '100%'
203
     },
225
     },
204
 
226
 
205
     lobbyListDescription: {
227
     lobbyListDescription: {
206
-        color: BaseTheme.palette.text01,
207
-        paddingBottom: 8,
208
-        paddingTop: 8,
209
-        position: 'relative',
210
-        width: '55%'
228
+        ...participantListDescription
229
+    },
230
+
231
+    meetingListDescription: {
232
+        ...participantListDescription
211
     },
233
     },
212
 
234
 
213
     lobbyListActions: {
235
     lobbyListActions: {
223
         flexDirection: 'row',
245
         flexDirection: 'row',
224
         height: 88,
246
         height: 88,
225
         paddingRight: 16,
247
         paddingRight: 16,
226
-        position: 'absolute',
248
+        position: 'relative',
227
         right: 0,
249
         right: 0,
228
         left: 0
250
         left: 0
229
     },
251
     },
236
         flexDirection: 'row',
258
         flexDirection: 'row',
237
         height: 88,
259
         height: 88,
238
         paddingRight: 16,
260
         paddingRight: 16,
239
-        position: 'absolute',
261
+        position: 'relative',
240
         right: 0,
262
         right: 0,
241
         left: 0
263
         left: 0
242
     },
264
     },
255
     },
277
     },
256
 
278
 
257
     inviteButton: {
279
     inviteButton: {
258
-        backgroundColor: BaseTheme.palette.action01
280
+        backgroundColor: BaseTheme.palette.action01,
281
+        marginTop: 8
259
     },
282
     },
260
 
283
 
261
     inviteLabel: {
284
     inviteLabel: {

Loading…
取消
儲存