imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #653 from vector-im/matthew/roomsettings2

Browse source 
Finish off RoomSettings (part 2)
This commit is contained in:
Matthew Hodgson 2016-01-18 13:39:55 +00:00
commit 0ef03c5ca4
12 changed files with 243 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/skins/vector/css/matrix-react-sdk/structures/RoomView.css
View file

@ -44,7 +44,7 @@ limitations under the License.
min-width: 0px;
max-width: 960px;
width: 100%;
font-size: 20px;
font-size: 18px;
text-align: center;
pointer-events: none;

77
src/skins/vector/css/matrix-react-sdk/structures/UserSettings.css
View file

@ -18,7 +18,38 @@ limitations under the License.
width: 960px;
margin-left: auto;
margin-right: auto;
overflow-y: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
}
.mx_UserSettings .mx_RoomHeader {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
-webkit-flex: 0 0 83px;
flex: 0 0 83px;
}
.mx_UserSettings_body {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
-webkit-flex: 1 1 0;
flex: 1 1 0;
overflow-y: auto;
}
.mx_UserSettings_spinner {
@ -33,7 +64,6 @@ limitations under the License.
display: inline;
vertical-align: middle;
border: 0px;
height: 36px;
border-radius: 36px;
font-weight: 400;
font-size: 16px;
@ -97,6 +127,7 @@ limitations under the License.
.mx_UserSettings_profileInputCell input,
.mx_UserSettings_profileInputCell .mx_EditableText
{
display: inline-block;
border: 0px;
border-bottom: 1px solid rgba(151, 151, 151, 0.5);
padding: 0px;
@ -106,6 +137,10 @@ limitations under the License.
font-size: 16px;
}
.mx_UserSettings_profileInputCell .mx_EditableText_placeholder {
color: rgba(74, 74, 74, 0.5);
}
.mx_UserSettings_notifInputCell {
display: table-cell;
padding-bottom: 21px;
@ -121,37 +156,27 @@ limitations under the License.
}
.mx_UserSettings_logout {
margin-right: 24px;
margin-bottom: 24px;
margin-left: 63px;
float: right;
margin-right: 32px;
margin-left: 32px;
}
.mx_UserSettings_avatarPicker {
width: 320px;
margin-left: 32px;
margin-right: 32px;
float: right;
}
.mx_UserSettings_avatarPicker_edit {
position: relative;
left: 50%;
display: inline-block;
margin-top: 10px;
}
.mx_UserSettings_avatarPicker_edit > input{
display: none;
}
.mx_UserSettings_avatarPicker_edit > label {
cursor: pointer;
}
.mx_UserSettings_avatarPicker_img {
margin: 0 auto;
width: 75%;
.mx_UserSettings_avatarPicker .mx_RoomAvatar {
border-radius: 40px;
}
.mx_UserSettings_avatarPicker_img > img {
display: block;
margin: 0 auto;
.mx_UserSettings_avatarPicker_edit {
text-align: center;
margin-top: 10px;
}
.mx_UserSettings_avatarPicker_edit > input {
display: none;
}