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

Multiple UI improvements (#4671)

Просмотр исходного кода 
PLT-4638 - Removing close buttons from modals

Updating UI for filter and search on mobile

Reverting utils
Этот коммит содержится в:
Asaad Mahmood
2016-11-29 22:10:20 +05:00
коммит произвёл Harrison Healey
родитель 557aa68636
Коммит 7f911d1632
6 изменённых файлов: 34 добавлений и 71 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

12
webapp/components/channel_invite_modal.jsx
Просмотреть файл

@@ -168,18 +168,6 @@ export default class ChannelInviteModal extends React.Component {
{inviteError}
{content}
</Modal.Body>
<Modal.Footer>
<button
type='button'
className='btn btn-default'
onClick={this.onHide}
>
<FormattedMessage
id='channel_invite.close'
defaultMessage='Close'
/>
</button>
</Modal.Footer>
</Modal>
);
}

12
webapp/components/channel_members_modal.jsx
Просмотреть файл

@@ -196,18 +196,6 @@ export default class ChannelMembersModal extends React.Component {
>
{content}
</Modal.Body>
<Modal.Footer>
<button
type='button'
className='btn btn-default'
onClick={this.onHide}
>
<FormattedMessage
id='channel_members_modal.close'
defaultMessage='Close'
/>
</button>
</Modal.Footer>
</Modal>
</div>
);

12
webapp/components/more_channels.jsx
Просмотреть файл

@@ -215,18 +215,6 @@ export default class MoreChannels extends React.Component {
/>
{serverError}
</div>
<div className='modal-footer'>
<button
type='button'
className='btn btn-default'
data-dismiss='modal'
>
<FormattedMessage
id='more_channels.close'
defaultMessage='Close'
/>
</button>
</div>
</div>
</div>
</div>

12
webapp/components/more_direct_channels.jsx
Просмотреть файл

@@ -247,18 +247,6 @@ export default class MoreDirectChannels extends React.Component {
focusOnMount={!UserAgent.isMobile()}
/>
</Modal.Body>
<Modal.Footer>
<button
type='button'
className='btn btn-default'
onClick={this.handleHide}
>
<FormattedMessage
id='more_direct_channels.close'
defaultMessage='Close'
/>
</button>
</Modal.Footer>
</Modal>
);
}

12
webapp/components/team_members_modal.jsx
Просмотреть файл

@@ -68,18 +68,6 @@ export default class TeamMembersModal extends React.Component {
isAdmin={this.props.isAdmin}
/>
</Modal.Body>
<Modal.Footer>
<button
type='button'
className='btn btn-default'
onClick={this.onHide}
>
<FormattedMessage
id='team_member_modal.close'
defaultMessage='Close'
/>
</button>
</Modal.Footer>
</Modal>
);
}

45
webapp/sass/responsive/_mobile.scss
Просмотреть файл

@@ -85,8 +85,13 @@
}
.app__body {
.edit-modal-body {
.more-modal {
.filter-row {
width: 330px;
}
}
.edit-modal-body {
.custom-textarea {
max-height: 30vh;
}
@@ -160,16 +165,6 @@
}
}
.member-select__container {
margin-bottom: 10px;
margin-top: 10px;
overflow: hidden;
position: relative;
right: 10px;
top: 0;
width: 100%;
}
.user-popover {
pointer-events: none;
}
@@ -1334,6 +1329,34 @@
}
}
@media screen and (max-width: 550px) {
.app__body {
.more-modal {
&.more-direct-channels {
.filter-row {
padding-bottom: 50px;
width: 100%;
}
.member-show {
display: none;
}
select {
margin: 0;
width: 100%;
}
}
}
}
.member-select__container {
left: 15px;
top: 60px;
width: calc(100% - 30px);
}
}
@media screen and (max-width: 480px) {
.sidebar--right {
.post {