Browse Source

[RN] Use a handset icon for audio-only mode button

j8
Saúl Ibarra Corretgé 8 years ago
parent
commit
849f93375c

+ 2
- 2
react/features/toolbox/components/Toolbox.native.js View File

212
                     style = { style }
212
                     style = { style }
213
                     underlayColor = { underlayColor } />
213
                     underlayColor = { underlayColor } />
214
                 <ToolbarButton
214
                 <ToolbarButton
215
-                    iconName = 'star'
216
-                    iconStyle = { iconStyle }
215
+                    iconName = 'hangup'
216
+                    iconStyle = { styles.audioOnlyIcon }
217
                     onClick = { this.props._onToggleAudioOnly }
217
                     onClick = { this.props._onToggleAudioOnly }
218
                     style = { style }
218
                     style = { style }
219
                     underlayColor = { underlayColor } />
219
                     underlayColor = { underlayColor } />

+ 17
- 8
react/features/toolbox/components/styles.js View File

67
  * The (conference) Toolbox/Toolbar related styles.
67
  * The (conference) Toolbox/Toolbar related styles.
68
  */
68
  */
69
 export const styles = createStyleSheet({
69
 export const styles = createStyleSheet({
70
+    /**
71
+     * The audio only (secondary) toolbar icon style.
72
+     */
73
+    audioOnlyIcon: {
74
+        ...smallIcon,
75
+        color: ColorPalette.white,
76
+        transform: [ { rotate: '135deg' } ]
77
+    },
78
+
70
     /**
79
     /**
71
      * The toolbar button icon style.
80
      * The toolbar button icon style.
72
      */
81
      */
115
         opacity: 0.7
124
         opacity: 0.7
116
     },
125
     },
117
 
126
 
127
+    /**
128
+     * The secondary toolbar icon style.
129
+     */
130
+    secondaryToolbarIcon: {
131
+        ...smallIcon,
132
+        color: ColorPalette.white
133
+    },
134
+
118
     /**
135
     /**
119
      * The style of the root/top-level Container of Toolbar that contains
136
      * The style of the root/top-level Container of Toolbar that contains
120
      * toolbars.
137
      * toolbars.
133
     whiteIcon: {
150
     whiteIcon: {
134
         ...icon,
151
         ...icon,
135
         color: ColorPalette.white
152
         color: ColorPalette.white
136
-    },
137
-
138
-    /**
139
-     * The secondary toolbar icon style.
140
-     */
141
-    secondaryToolbarIcon: {
142
-        ...smallIcon,
143
-        color: ColorPalette.white
144
     }
153
     }
145
 });
154
 });

Loading…
Cancel
Save