IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Multiple UI Improvements

Browse Source
This commit is contained in:
Asaad Mahmood
2015-12-08 22:42:59 +05:00
parent 59e4471a63
commit 39447d4072
14 changed files with 44 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/react/components/admin_console/user_item.jsx
View File

@@ -227,7 +227,6 @@ export default class UserItem extends React.Component {
href='#'
className='dropdown-toggle theme'
type='button'
id='channel_header_dropdown'
data-toggle='dropdown'
aria-expanded='true'
>
@@ -237,7 +236,6 @@ export default class UserItem extends React.Component {
<ul
className='dropdown-menu member-menu'
role='menu'
aria-labelledby='channel_header_dropdown'
>
{makeAdmin}
{makeMember}

2
web/react/components/create_comment.jsx
View File

@@ -362,11 +362,11 @@ export default class CreateComment extends React.Component {
onClick={this.handleSubmit}
/>
{uploadsInProgressText}
{preview}
{postError}
{serverError}
</div>
</div>
{preview}
</form>
);
}

6
web/react/components/create_post.jsx
View File

@@ -470,13 +470,13 @@ export default class CreatePost extends React.Component {
{tutorialTip}
</div>
<div className={postFooterClassName}>
{postError}
{serverError}
{preview}
<MsgTyping
channelId={this.state.channelId}
parentId=''
/>
{preview}
{postError}
{serverError}
</div>
</div>
</form>

6
web/react/components/member_list_item.jsx
View File

@@ -78,17 +78,15 @@ export default class MemberListItem extends React.Component {
href='#'
className='dropdown-toggle theme'
type='button'
id='channel_header_dropdown'
data-toggle='dropdown'
aria-expanded='true'
>
<span className='fa fa-pencil'></span>
<span className='text-capitalize'>{member.roles || 'Member'} </span>
<span className='caret'></span>
</a>
<ul
className='dropdown-menu member-menu'
role='menu'
aria-labelledby='channel_header_dropdown'
>
{makeAdminOption}
{handleRemoveOption}
@@ -96,7 +94,7 @@ export default class MemberListItem extends React.Component {
</div>
);
} else {
invite = <div className='member-role text-capitalize'>{member.roles || 'Member'}<span className='caret hidden'></span></div>;
invite = <div className='member-role text-capitalize'><span className='fa fa-pencil hidden'></span>{member.roles || 'Member'}</div>;
}
return (

4
web/react/components/member_list_team_item.jsx
View File

@@ -181,17 +181,15 @@ export default class MemberListTeamItem extends React.Component {
href='#'
className='dropdown-toggle theme'
type='button'
id='channel_header_dropdown'
data-toggle='dropdown'
aria-expanded='true'
>
<span className='fa fa-pencil'></span>
<span>{currentRoles} </span>
<span className='caret'></span>
</a>
<ul
className='dropdown-menu member-menu'
role='menu'
aria-labelledby='channel_header_dropdown'
>
{makeAdmin}
{makeMember}

2
web/react/components/navbar.jsx
View File

@@ -272,7 +272,6 @@ export default class Navbar extends React.Component {
href='#'
className='dropdown-toggle theme'
type='button'
id='channel_header_dropdown'
data-toggle='dropdown'
aria-expanded='true'
>
@@ -282,7 +281,6 @@ export default class Navbar extends React.Component {
<ul
className='dropdown-menu'
role='menu'
aria-labelledby='channel_header_dropdown'
>
{viewInfoOption}
{addMembersOption}

1
web/sass-files/sass/partials/_content.scss
View File

@@ -1,7 +1,6 @@
@charset "UTF-8";
.inner__wrap {
@include single-transition(all, 0.5s, ease);
&.move--left {
margin-right: 400px;
.search-bar__container {

1
web/sass-files/sass/partials/_error-bar.scss
View File

@@ -19,6 +19,7 @@
font-weight: 600;
text-decoration: none;
padding: 0 10px;
font-family: 'Open Sans', sans-serif;
&:hover {
color: #FFF;
text-decoration: none;

2
web/sass-files/sass/partials/_files.scss
View File

@@ -2,7 +2,7 @@
.preview-container {
position: relative;
margin-top: 25px;
margin: 1px 0 10px;
width: 100%;
max-height: 100px;
height: 100px;

1
web/sass-files/sass/partials/_modal.scss
View File

@@ -186,6 +186,7 @@
padding: 8px 15px 8px 8px;
width: 80px;
vertical-align: middle;
position: relative;
&.lg {
width: 110px;
}

12
web/sass-files/sass/partials/_post.scss
View File

@@ -319,13 +319,11 @@ body.ios {
@include clearfix;
padding: 3px 0 0 0;
font-size: 13px;
.has-error {
.control-label {
height: 0;
display: block;
font-weight: normal;
margin-bottom: 0;
}
.control-label {
font-weight: normal;
margin-bottom: 0;
top: -5px;
position: relative;
}
.msg-typing {
min-height: 25px;

8
web/sass-files/sass/partials/_post_right.scss
View File

@@ -44,6 +44,9 @@
.textarea-wrapper {
min-height: 100px;
}
.btn {
margin-bottom: 10px;
}
.custom-textarea {
min-height: 100px;
}
@@ -123,6 +126,11 @@
overflow: auto;
-webkit-overflow-scrolling: touch;
@include flex(1 1 auto);
.preview-container {
margin-top: 5px;
}
}
.post-right-comment-time {

9
web/sass-files/sass/partials/_responsive.scss
View File

@@ -377,10 +377,8 @@
.msg-typing {
display: none;
}
.has-error {
.control-label {
height: auto;
}
.control-label {
top: 0;
}
}
.post-create-body {
@@ -409,8 +407,7 @@
}
}
.preview-container {
padding: 0px;
margin-top: 5px;
margin: 5px 0 0;
.preview-div {
margin-top: 0;
}

25
web/sass-files/sass/partials/_settings.scss
View File

@@ -135,9 +135,10 @@
.input-group-addon {
padding: 4px 5px;
width: 40px;
img {
border: 1px solid rgba(black, 0.15);
}
}
img {
border: 1px solid rgba(black, 0.15);
width: 29px;
}
}
.premade-themes {
@@ -325,12 +326,22 @@
overflow: hidden;
text-overflow: ellipsis;
}
}
.member-role, .member-drop {
position:absolute;
right: 15px;
top: 8px;
.member-role, .member-drop {
position:absolute;
right: 15px;
top: 8px;
.fa {
margin-right: 5px;
}
.member-menu {
top: -50%;
right: 110%;
}
}
.member-invite {