OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

add key to react list and let selector container wrap

pull/21833/head
Jorik Schellekens 2020-06-08 18:37:36 +01:00
parent a10e71edcf
commit 24cf3d5f05
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/settings/tabs/user/_AppearanceUserSettingsTab.scss
View File

@ -50,8 +50,9 @@ limitations under the License.
> .mx_ThemeSelectors { > .mx_ThemeSelectors {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
margin-top: 23px; margin-top: 13px;
> .mx_RadioButton { > .mx_RadioButton {
padding: $font-16px; padding: $font-16px;
@ -61,6 +62,7 @@ limitations under the License.
flex-shrink: 1; flex-shrink: 1;
flex-grow: 0; flex-grow: 0;
margin-right: 15px; margin-right: 15px;
margin-top: 10px;
} }
> .mx_RadioButton:not([disabled]) { > .mx_RadioButton:not([disabled]) {

1
src/components/views/settings/tabs/user/AppearanceUserSettingsTab.tsx
View File

@ -255,6 +255,7 @@ export default class AppearanceUserSettingsTab extends React.Component<IProps, I
<div className="mx_ThemeSelectors" onChange={this.onThemeChange}> <div className="mx_ThemeSelectors" onChange={this.onThemeChange}>
{orderedThemes.map(theme => { {orderedThemes.map(theme => {
return <StyledRadioButton return <StyledRadioButton
key={theme.id}
value={theme.id} value={theme.id}
name={"theme"} name={"theme"}
disabled={this.state.useSystemTheme} disabled={this.state.useSystemTheme}