Make editing prettier
This commit is contained in:
parent
8c9afc2dfd
commit
54f44af494
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue