toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[MM-37686] Invert colours for teams button to "fix" starkness on light backgrounds (#5649)

Browse source 
* invert colours for teams button

"fixes" the starkness of the button when using a light sidebar background colour

* update snapshots

* white background for team image
This commit is contained in:
Dean Whillier 2021-09-01 17:02:28 -04:00 committed by GitHub
parent 1a518111b6
commit c6cf1f480d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/components/sidebars/main/channels_list/switch_teams_button/__snapshots__/switch_teams_button.test.js.snap
View file

@ -12,7 +12,7 @@ exports[`SwitchTeamsButton should match snapshot 1`] = `
style={
Object {
"alignItems": "center",
"backgroundColor": "#ffffff",
"backgroundColor": "rgba(255,255,255,0.24)",
"borderRadius": 2,
"flexDirection": "row",
"height": 36,
@ -28,7 +28,7 @@ exports[`SwitchTeamsButton should match snapshot 1`] = `
size={24}
style={
Object {
"color": "#1153ab",
"color": "#ffffff",
"left": -2,
"top": 1,
}

4
app/components/sidebars/main/channels_list/switch_teams_button/switch_teams_button.js
View file

@ -131,13 +131,13 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
fontWeight: 'bold',
},
switcherArrow: {
color: theme.sidebarHeaderBg,
color: theme.sidebarHeaderTextColor,
top: 1,
left: -2,
},
switcherContainer: {
alignItems: 'center',
backgroundColor: theme.sidebarHeaderTextColor,
backgroundColor: changeOpacity(theme.sidebarHeaderTextColor, 0.24),
borderRadius: 2,
flexDirection: 'row',
justifyContent: 'center',

3
app/components/team_icon/__snapshots__/team_icon.test.js.snap
View file

@ -6,7 +6,7 @@ exports[`TeamIcon should match snapshot 1`] = `
Array [
Object {
"alignItems": "center",
"backgroundColor": "#ffffff",
"backgroundColor": "#145dbf",
"borderRadius": 2,
"height": 30,
"justifyContent": "center",
@ -27,6 +27,7 @@ exports[`TeamIcon should match snapshot 1`] = `
style={
Array [
Object {
"backgroundColor": "white",
"borderRadius": 2,
"bottom": 0,
"left": 0,

5
app/components/team_icon/team_icon.js
View file

@ -103,10 +103,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
borderRadius: 2,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: theme.sidebarText,
backgroundColor: theme.sidebarBg,
},
text: {
color: theme.sidebarBg,
color: theme.sidebarText,
fontFamily: 'OpenSans',
fontWeight: '600',
fontSize: 15,
@ -118,6 +118,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
bottom: 0,
left: 0,
right: 0,
backgroundColor: 'white',
},
};
});