SW/mattermost-mobile
2
0
Fork 0
forked from Ivasoft/mattermost-mobile
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Gekidou] Add empty unreads placeholder (#6350)

Browse Source 
* Add empty unreads placeholder

* ux feedback

* Use SidebarText witn 0.12 opacity as the button bg color

* Set tertiary button helper to use theme.sidebarText color
This commit is contained in:
Elias Nahum
2022-06-06 15:03:29 -04:00
committed by GitHub
parent 2f07b7afc8
commit a7c49100ab
9 changed files with 190 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/utils/buttonStyles.ts
View File

@@ -241,16 +241,16 @@ export const buttonBackgroundStyle = (
},
inverted: {
default: {
backgroundColor: changeOpacity('#FFFFFF', 0.12),
backgroundColor: changeOpacity(theme.sidebarText, 0.12),
},
hover: {
backgroundColor: changeOpacity('#FFFFFF', 0.16),
backgroundColor: changeOpacity(theme.sidebarText, 0.16),
},
active: {
backgroundColor: changeOpacity('#FFFFFF', 0.24),
backgroundColor: changeOpacity(theme.sidebarText, 0.24),
},
focus: {
backgroundColor: changeOpacity('#FFFFFF', 0.08),
backgroundColor: changeOpacity(theme.sidebarText, 0.08),
borderColor: theme.sidebarTextActiveBorder, // @to-do; needs 32% white?
borderWidth: 2,
},
@@ -388,6 +388,10 @@ export const buttonTextStyle = (
color = theme.buttonBg;
}
if (type === 'inverted' && emphasis === 'tertiary') {
color = theme.sidebarText;
}
const styles = StyleSheet.create({
main: {
fontFamily: 'OpenSans-SemiBold',