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

Merge pull request #5535 from vector-im/luke/groups-new-group-settings 

CSS for improving group creation UX, namely setting long description
luke/groups-disable-rooms-whilst-editing
Matthew Hodgson 2017-11-07 10:43:59 +00:00 committed by GitHub
parent a8bdde9f55 aa4feb0563
commit 9ff1fe8a72
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -304,6 +304,18 @@ limitations under the License.
}
.mx_GroupView_groupDesc textarea {
width: 50%;
width: 100%;
max-width: 100%;
height: 150px;
}
.mx_GroupView_groupDesc_placeholder {
background-color: $info-plinth-bg-color;
color: $info-plinth-fg-color;
border-radius: 10px;
text-align: center;
cursor: pointer;
padding: 100px 20px;
margin: 20px 0px;
}

4
src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
View File

@ -87,8 +87,8 @@ limitations under the License.
}
.mx_MyGroups_placeholder {
background-color: $group-my-groups-placeholder-bg;
color: $group-my-groups-placeholder-fg;
background-color: $info-plinth-bg-color;
color: $info-plinth-fg-color;
line-height: 400px;
border-radius: 10px;
text-align: center;

6
src/skins/vector/css/themes/_base.scss
View File

@ -22,9 +22,9 @@ $warning-color: #ff0064;
$mention-user-pill-bg-color: #ff0064;
$other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
// groups
$group-my-groups-placeholder-bg: #f7f7f7;
$group-my-groups-placeholder-fg: #888;
// informational plinth
$info-plinth-bg-color: #f7f7f7;
$info-plinth-fg-color: #888;
$preview-bar-bg-color: #f7f7f7;

2
src/skins/vector/css/themes/_dark.scss
View File

@ -21,7 +21,7 @@ $focus-brightness: 200%;
$warning-color: #ff0064;
// groups
$group-my-groups-placeholder-bg: #454545;
$info-plinth-bg-color: #454545;
$other-user-pill-bg-color: rgba(255, 255, 255, 0.1);