Make editing prettier

This commit is contained in:
David Baker 2017-07-14 17:23:44 +01:00
parent 8c9afc2dfd
commit 54f44af494
1 changed files with 40 additions and 2 deletions

View File

@ -29,8 +29,6 @@ limitations under the License.
height: 70px; height: 70px;
align-items: center; align-items: center;
display: flex; display: flex;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
} }
.mx_GroupView_header_avatar, .mx_GroupView_header_info { .mx_GroupView_header_avatar, .mx_GroupView_header_info {
@ -38,6 +36,16 @@ limitations under the License.
vertical-align: middle; vertical-align: middle;
} }
.mx_GroupView_avatarPicker {
position: relative;
}
.mx_GroupView_avatarPicker_edit {
position: absolute;
top: 50px;
left: 15px;
}
.mx_GroupView_header_leftCol { .mx_GroupView_header_leftCol {
flex: 1; flex: 1;
} }
@ -67,6 +75,10 @@ limitations under the License.
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.mx_GroupView_header_name input, .mx_GroupView_header_shortDesc input {
width: 400px;
}
.mx_GroupView_header_shortDesc { .mx_GroupView_header_shortDesc {
vertical-align: bottom; vertical-align: bottom;
float: left; float: left;
@ -74,12 +86,33 @@ limitations under the License.
color: $settings-grey-fg-color; color: $settings-grey-fg-color;
font-weight: 300; font-weight: 300;
font-size: 13px; font-size: 13px;
padding-left: 19px;
margin-right: 16px; margin-right: 16px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
} }
.mx_GroupView_cancelButton {
padding-left: 8px;
}
.mx_GroupView_cancelButton img {
position: relative;
top: 5px;
}
.mx_GroupView_header_viewBottom {
border-bottom: 1px solid #e5e5e5;
height: 0;
margin-bottom: 20px;
}
.mx_GroupView_header_editBottom {
height: 0;
margin-top: 20px;
}
.mx_GroupView_featuredThings { .mx_GroupView_featuredThings {
margin-top: 20px; margin-top: 20px;
} }
@ -104,3 +137,8 @@ limitations under the License.
.mx_GroupView_uploadInput { .mx_GroupView_uploadInput {
display: none; display: none;
} }
.mx_GroupView_editLongDesc {
width: 100%;
height: 150px;
}