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

Multiple UI Improvements

Просмотр исходного кода
Этот коммит содержится в:
Asaad Mahmood
2015-12-04 13:21:40 +05:00
родитель 622fbc6740
Коммит 62ee998714
17 изменённых файлов: 56 добавлений и 39 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

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

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

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

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

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

@@ -71,7 +71,8 @@ export default class CenterPanel extends React.Component {
href=''
onClick={handleClick}
>
{'You are viewing the Archives. Click here to jump to recent messages.'}
{'You are viewing the Archives. Click here to jump to recent messages. '}
{<i className='fa fa-arrow-down'></i>}
</a>
</div>
);

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() - 300);
$(ReactDOM.findDOMNode(this.refs.modalBody)).css('max-height', $(window).height() - 50);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.modalBody)).perfectScrollbar();
}

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

@@ -166,7 +166,7 @@ export default class MoreDirectChannels extends React.Component {
componentDidUpdate(prevProps) {
if (!prevProps.show && this.props.show) {
$(ReactDOM.findDOMNode(this.refs.userList)).css('max-height', $(window).height() - 300);
$(ReactDOM.findDOMNode(this.refs.userList)).css('max-height', $(window).height() - 50);
if ($(window).width() > 768) {
$(ReactDOM.findDOMNode(this.refs.userList)).perfectScrollbar();
}

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

@@ -65,7 +65,7 @@ export default class SearchResultsItem extends React.Component {
className='search-item__jump'
onClick={this.handleClick}
>
{'[Jump]'}
{<i className='fa fa-mail-reply'></i>}
</a>
</li>
</ul>

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

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

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

@@ -240,18 +240,14 @@ export default class UserSettingsDisplay extends React.Component {
const inputs = [
<div key='userDisplayNameOptions'>
<div
className='dropdown'
<select
className='form-control'
type='text'
value={this.state.selectedFont}
onChange={(e) => this.handleFont(e.target.value)}
>
<select
className='form-control'
type='text'
value={this.state.selectedFont}
onChange={(e) => this.handleFont(e.target.value)}
>
{options}
</select>
</div>
{options}
</select>
<div><br/>{'Select the font displayed in the Mattermost user interface.'}</div>
</div>
];
@@ -309,12 +305,12 @@ export default class UserSettingsDisplay extends React.Component {
<div className='user-settings'>
<h3 className='tab-header'>{'Display Settings'}</h3>
<div className='divider-dark first'/>
{fontSection}
<div className='divider-dark'/>
{clockSection}
<div className='divider-dark'/>
{nameFormatSection}
<div className='divider-dark'/>
{fontSection}
<div className='divider-dark'/>
</div>
</div>
);

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

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

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

@@ -681,7 +681,11 @@ export function applyTheme(theme) {
}
if (theme.mentionHighlightBg) {
changeCss('.mention-highlight, .search-highlight', 'background:' + theme.mentionHighlightBg, 1);
changeCss('.mention-highlight, .search-highlight, #archive-link-home', 'background:' + theme.mentionHighlightBg, 1);
}
if (theme.mentionHighlightBg) {
changeCss('.post.post--highlight, #archive-link-home', 'background:' + changeOpacity(theme.mentionHighlightBg, 0.5), 1);
}
if (theme.mentionHighlightLink) {

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

@@ -123,7 +123,7 @@ a:focus, a:hover {
}
select {
-webkit-appearance: none;
-moz-appearance:none;
}
.form-control {

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

@@ -18,30 +18,29 @@
margin-left: 220px;
position: relative;
background: #fff;
@include display-flex;
@include flex-direction(column);
@include display-flex;
@include flex-direction(column);
.channel__wrap & {
padding-top: 0;
}
}
#post-create {
@include flex(0 0 auto);
@include flex(0 0 auto);
background: #fff;
width: 100%;
z-index: 3;
}
#archive-link-home {
@include flex(0 0 auto);
background: #fff;
width: 100%;
min-height: 50px;
z-index: 3;
background-color: beige;
text-align: center;
vertical-align: middle;
padding-top: 10px;
@include flex(0 0 auto);
cursor: pointer;
padding: 10px;
font-size: 13px;
a {
color: inherit;
}
}
.post-list {

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

@@ -599,6 +599,10 @@ body.ios {
@include legacy-pie-clearfix;
width: calc(100% - 70px);
img {
max-height: 400px;
}
ul {
padding: 5px 0 0 20px;
}

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

@@ -296,6 +296,9 @@
}
}
}
.section-min:hover {
background: none;
}
.no-padding--left {
padding-left: 15px;
}

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

@@ -1,9 +1,9 @@
#channel-header .search-bar__container {
padding: 0 8px 0 3px;
padding: 0 8px 0 3px;
}
.search-bar__container {
padding: 12px 8px 0 0;
@include flex(0 0 56px);
@include flex(0 0 56px);
}
.search__clear {
display: none;
@@ -107,7 +107,9 @@
}
.search-item__jump {
margin-left: 10px;
position: absolute;
right: 0;
top: 0;
}
.search-item-time {

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

@@ -12,6 +12,14 @@
right: 0;
}
.post-body {
img {
max-height: 200px;
}
}
.sidebar--right__content {
height: 100%;
@include display-flex;

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() - 200);
modals.css('max-height', $(window).height() - 50);
}
modals.perfectScrollbar();
</script>