gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CSS for start of group edit support

This commit is contained in:
David Baker 2017-07-13 18:42:14 +01:00
parent 248944a300
commit e60bf48134
1 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/skins/vector/css/matrix-react-sdk/structures/_GroupView.scss
View File

@ -24,12 +24,63 @@ limitations under the License.
margin: auto;
}
.mx_GroupView_header {
max-width: 960px;
margin: auto;
height: 70px;
align-items: center;
display: flex;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.mx_GroupView_header_avatar, .mx_GroupView_header_info {
display: table-cell;
}
.mx_GroupView_header_leftCol {
flex: 1;
}
.mx_GroupView_saveButton, .mx_GroupView_cancelButton {
display: table-cell;
}
.mx_GroupView_header_groupid {
font-weight: normal;
font-size: initial;
padding-left: 10px;
}
.mx_GroupView_header_name {
vertical-align: middle;
width: 100%;
height: 31px;
overflow: hidden;
color: $primary-fg-color;
font-weight: bold;
font-size: 22px;
padding-left: 19px;
padding-right: 16px;
/* why isn't text-overflow working? */
text-overflow: ellipsis;
border-bottom: 1px solid transparent;
}
.mx_GroupView_header_shortDesc {
vertical-align: bottom;
float: left;
max-height: 42px;
color: $settings-grey-fg-color;
font-weight: 300;
font-size: 13px;
margin-left: 19px;
margin-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid transparent;
}
.mx_GroupView_featuredThings {
margin-top: 20px;
}
@ -50,3 +101,7 @@ limitations under the License.
cursor: pointer;
display: table-cell;
}
.mx_GroupView_uploadInput {
display: none;
}