mirrors/mostlymatter
1
0
Форкнуть 0
Код Задачи Запросы на слияние Действия Пакеты Проекты Релизы Вики Активность

Multiple UI Improvements

Просмотр исходного кода
Этот коммит содержится в:
Asaad Mahmood
2015-12-07 21:18:03 +05:00
родитель b06f11fd63
Коммит 901b830f2d
23 изменённых файлов: 78 добавлений и 33 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

4
web/react/components/access_history_modal.jsx
Просмотреть файл

@@ -32,9 +32,11 @@ export default class AccessHistoryModal extends React.Component {
onShow() {
AsyncClient.getAudits();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200);
} else {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 150);
}
}
onHide() {

4
web/react/components/activity_log_modal.jsx
Просмотреть файл

@@ -51,9 +51,11 @@ export default class ActivityLogModal extends React.Component {
onShow() {
AsyncClient.getSessions();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200);
} else {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 150);
}
}
onHide() {

6
web/react/components/channel_invite_modal.jsx
Просмотреть файл

@@ -61,6 +61,9 @@ export default class ChannelInviteModal extends React.Component {
onShow() {
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200);
} else {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 150);
}
}
componentDidUpdate(prevProps) {
@@ -139,11 +142,10 @@ export default class ChannelInviteModal extends React.Component {
onHide={this.props.onHide}
>
<Modal.Header closeButton={true}>
<Modal.Title>{'Add New Members to '}<span className='name'>{this.props.channel.display_nam}</span></Modal.Title>
<Modal.Title>{'Add New Members to '}<span className='name'>{this.props.channel.display_name}</span></Modal.Title>
</Modal.Header>
<Modal.Body
ref='modalBody'
style={{maxHeight}}
>
{inviteError}
{content}

2
web/react/components/channel_notifications_modal.jsx
Просмотреть файл

@@ -335,7 +335,7 @@ export default class ChannelNotificationsModal extends React.Component {
onHide={this.props.onHide}
>
<Modal.Header closeButton={true}>
{'Notification Preferences for '}<span className='name'>{this.props.channel.display_name}</span>
<Modal.Title>{'Notification Preferences for '}<span className='name'>{this.props.channel.display_name}</span></Modal.Title>
</Modal.Header>
<Modal.Body>
<div className='settings-table'>

4
web/react/components/delete_channel_modal.jsx
Просмотреть файл

@@ -39,7 +39,9 @@ export default class DeleteChannelModal extends React.Component {
show={this.props.show}
onHide={this.props.onHide}
>
<Modal.Header closeButton={true}>{'Confirm DELETE Channel'}</Modal.Header>
<Modal.Header closeButton={true}>
<h4 className='modal-title'>{'Confirm DELETE Channel'}</h4>
</Modal.Header>
<Modal.Body>
{`Are you sure you wish to delete the ${this.props.channel.display_name} ${channelTerm}?`}
</Modal.Body>

2
web/react/components/delete_post_modal.jsx
Просмотреть файл

@@ -131,7 +131,7 @@ export default class DeletePostModal extends React.Component {
onHide={this.handleHide}
>
<Modal.Header closeButton={true}>
{`Confirm ${postTerm} Delete`}
<Modal.Title>{`Confirm ${postTerm} Delete`}</Modal.Title>
</Modal.Header>
<Modal.Body>
{`Are you sure you want to delete this ${postTerm.toLowerCase()}?`}

2
web/react/components/edit_channel_header_modal.jsx
Просмотреть файл

@@ -84,7 +84,7 @@ export default class EditChannelHeaderModal extends React.Component {
onHide={this.onHide}
>
<Modal.Header closeButton={true}>
{'Edit Header for ' + this.props.channel.display_name}
<Modal.Title>{'Edit Header for ' + this.props.channel.display_name}</Modal.Title>
</Modal.Header>
<Modal.Body>
<p>{'Edit the text appearing next to the channel name in the channel header.'}</p>

2
web/react/components/invite_member_modal.jsx
Просмотреть файл

@@ -143,7 +143,7 @@ export default class InviteMemberModal extends React.Component {
componentDidUpdate(prevProps, prevState) {
if (!prevState.show && this.state.show) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
}

2
web/react/components/post_info.jsx
Просмотреть файл

@@ -196,7 +196,7 @@ export default class PostInfo extends React.Component {
type='text'
readOnly='true'
ref='permalinkbox'
className='permalink-text form-control no-resize min-height input-large'
className='permalink-text form-control no-resize'
rows='1'
value={permalink}
/>

2
web/react/components/rhs_root_post.jsx
Просмотреть файл

@@ -209,7 +209,7 @@ export default class RhsRootPost extends React.Component {
</time>
</li>
<li className='col col__reply'>
<div className='dropdown'>
<div>
{rootOptions}
</div>
</li>

4
web/react/components/team_members_modal.jsx
Просмотреть файл

@@ -26,9 +26,11 @@ export default class TeamMembersModal extends React.Component {
}
onShow() {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200);
} else {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 150);
}
}

2
web/react/components/user_settings/manage_outgoing_hooks.jsx
Просмотреть файл

@@ -188,7 +188,7 @@ export default class ManageOutgoingHooks extends React.Component {
key={hook.id}
className='webhook__item'
>
<div className='padding-top x2'>
<div className='padding-top x2 webhook__url'>
<strong>{'URLs: '}</strong><span className='word-break--all'>{hook.callback_urls.join(', ')}</span>
</div>
{channelDiv}

4
web/react/components/user_settings/user_settings_modal.jsx
Просмотреть файл

@@ -47,9 +47,11 @@ export default class UserSettingsModal extends React.Component {
}
handleShow() {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 200);
} else {
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
}
}

1
web/react/utils/utils.jsx
Просмотреть файл

@@ -576,6 +576,7 @@ export function applyTheme(theme) {
if (theme.sidebarHeaderTextColor) {
changeCss('.sidebar--left .team__header .header__info, .sidebar--menu .team__header .header__info', 'color:' + theme.sidebarHeaderTextColor, 1);
changeCss('.sidebar--left .team__header .navbar-right .dropdown__icon, .sidebar--menu .team__header .navbar-right .dropdown__icon', 'fill:' + theme.sidebarHeaderTextColor, 1);
changeCss('.sidebar--left .team__header .user__name, .sidebar--menu .team__header .user__name', 'color:' + changeOpacity(theme.sidebarHeaderTextColor, 0.8), 1);
changeCss('.sidebar--left .team__header:hover .user__name, .sidebar--menu .team__header:hover .user__name', 'color:' + theme.sidebarHeaderTextColor, 1);
changeCss('.modal .modal-header .modal-title, .modal .modal-header .modal-title .name, .modal .modal-header button.close', 'color:' + theme.sidebarHeaderTextColor, 1);

2
web/sass-files/sass/partials/_base.scss
Просмотреть файл

@@ -145,6 +145,7 @@ select {
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: auto;
background: rgba(#fff, 0.1);
color: inherit;
}
.form-group {
@@ -210,6 +211,7 @@ select {
.alert {
padding: 8px 12px;
@include border-radius(2px);
}
.emoji {

2
web/sass-files/sass/partials/_get-link.scss
Просмотреть файл

@@ -4,5 +4,5 @@
display: inline-block;
float: left;
padding: 4px 10px;
margin: 3px 0 0 10px;
margin: 1px 0 0 10px;
}

1
web/sass-files/sass/partials/_headers.scss
Просмотреть файл

@@ -293,6 +293,7 @@
}
.channel-header__links {
font-family: 'Open Sans', sans-serif;
height: 30px;
width: 24px;
line-height: 26px;

4
web/sass-files/sass/partials/_modal.scss
Просмотреть файл

@@ -35,6 +35,9 @@
text-align: right;
padding-right: 0;
}
.team-member-list {
width: 100%;
}
.remove__member {
float: right;
color: #999;
@@ -95,6 +98,7 @@
background: rgba(0, 0, 0, 0.1);
}
span {
font-family: 'Open Sans', sans-serif;
line-height: 10px;
}
}

42
web/sass-files/sass/partials/_post.scss
Просмотреть файл

@@ -369,9 +369,9 @@ body.ios {
}
}
&.post--highlight {
background-color: beige;
}
&.post--highlight {
background-color: beige;
}
&.post--system .post__header .col__name {
display: none;
@@ -551,7 +551,23 @@ body.ios {
position: absolute;
right: 0;
top: 30px;
width: 60px;
width: 65px;
}
.permalink-popover {
min-width: 0;
.popover-content {
padding: 5px;
}
.form-control, .btn {
font-size: 13px;
height: 30px;
padding: 0 8px;
line-height: 30px;
}
}
}
@@ -569,6 +585,8 @@ body.ios {
.dropdown {
display: inline-block;
visibility: hidden;
position: absolute;
right: 0;
top: -1px;
.dropdown-menu {
@@ -602,11 +620,11 @@ body.ios {
word-wrap: break-word;
padding: 0.2em 0.5em 0em;
@include legacy-pie-clearfix;
width: calc(100% - 70px);
width: calc(100% - 75px);
img {
max-height: 400px;
}
max-height: 400px;
}
ul {
padding: 5px 0 0 20px;
@@ -679,11 +697,11 @@ body.ios {
color: #999;
}
.permalink-icon {
.permalink-icon {
display: inline-block;
color: $primary-color;
visibility: hidden;
}
}
.comment-icon__container {
fill: $primary-color;
@@ -828,10 +846,10 @@ body.ios {
}
.permalink-text {
overflow: hidden;
overflow: hidden;
}
.permalink-popover {
min-width: 320px;
margin-left: 50px !important;
min-width: 320px;
margin-left: 50px !important;
}

3
web/sass-files/sass/partials/_responsive.scss
Просмотреть файл

@@ -107,7 +107,8 @@
&:after {
font-size: 20px;
content: '...'
content: '...';
top: -3px;
}
}

12
web/sass-files/sass/partials/_settings.scss
Просмотреть файл

@@ -40,7 +40,7 @@
font-weight: 600;
}
.no-padding--left {
.no-padding--left {
padding-left: 0;
}
.padding-top {
@@ -313,17 +313,23 @@
.member-name {
font-weight:500;
display: block;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
}
.member-email {
color:darkgrey;
display: block;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
}
.member-role, .member-drop {
position:absolute;
right:15px;
top:13px;
right: 15px;
top: 8px;
}
}

2
web/sass-files/sass/partials/_sidebar--left.scss
Просмотреть файл

@@ -110,6 +110,7 @@
}
}
.btn-close {
font-family: 'Open Sans', sans-serif;
position: absolute;
right: 15px;
top: -1px;
@@ -142,7 +143,6 @@
}
}
a, a:hover, a:focus {
padding-right: 10px;
background-color: rgba(black, 0.1);
border-radius: 0;
font-weight: 400;

2
web/templates/channel.html
Просмотреть файл

@@ -30,7 +30,7 @@ window.setup_channel_page({{ .Props }}, {{ .Team }}, {{ .Channel }}, {{ .User }}
if($(window).height() > 1200){
modals.css('max-height', 1000);
} else {
modals.css('max-height', $(window).height() - 50);
modals.css('max-height', $(window).height() - 200);
}
modals.perfectScrollbar();
</script>