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

Updating shift UI changes (#4326)

Просмотр исходного кода 
* Updating shift UI changes

* Adding border to last account settings item

* Fixing modals
Этот коммит содержится в:
Asaad Mahmood
2016-10-27 18:10:05 +05:00
коммит произвёл Joram Wilander
родитель 4dca84c8b4
Коммит 14ce471311
9 изменённых файлов: 88 добавлений и 17 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

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

@@ -485,7 +485,7 @@ export default class Navbar extends React.Component {
className='description' className='description'
rootClose={true} rootClose={true}
> >
<div className='description info-popover'/> <div className='pull-right description info-popover'/>
</OverlayTrigger> </OverlayTrigger>
<a <a
href='#' href='#'
@@ -635,6 +635,12 @@ export default class Navbar extends React.Component {
message={channel.header} message={channel.header}
options={{singleline: true, mentionHighlight: false}} options={{singleline: true, mentionHighlight: false}}
/> />
<div
className='close__icon visible-xs-block'
onClick={() => this.refs.headerOverlay.hide()}
>
{'×'}
</div>
</Popover> </Popover>
); );
@@ -688,6 +694,12 @@ export default class Navbar extends React.Component {
}} }}
/> />
</div> </div>
<div
className='close__icon visible-xs-block'
onClick={() => this.refs.headerOverlay.hide()}
>
{'×'}
</div>
</Popover> </Popover>
); );
} }

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

@@ -155,7 +155,7 @@ export default class SearchableUserList extends React.Component {
style={this.props.style} style={this.props.style}
> >
<div className='filter-row'> <div className='filter-row'>
<div className='col-sm-5'> <div className='col-xs-9 col-sm-5'>
<input <input
ref='filter' ref='filter'
className='form-control filter-textbox' className='form-control filter-textbox'
@@ -164,7 +164,7 @@ export default class SearchableUserList extends React.Component {
onChange={this.onSearchBoxChange} onChange={this.onSearchBoxChange}
/> />
</div> </div>
<div className='col-sm-2 filter-button'> <div className='col-xs-3 col-sm-2 filter-button'>
<button <button
type='button' type='button'
className='btn btn-primary' className='btn btn-primary'

2
webapp/components/suggestion/search_user_provider.jsx
Просмотреть файл

@@ -37,11 +37,11 @@ class SearchUserSuggestion extends Suggestion {
className={className} className={className}
onClick={this.handleClick} onClick={this.handleClick}
> >
<i className='fa fa fa-plus-square'/>
<img <img
className='profile-img rounded' className='profile-img rounded'
src={Client.getUsersRoute() + '/' + item.id + '/image?time=' + item.update_at} src={Client.getUsersRoute() + '/' + item.id + '/image?time=' + item.update_at}
/> />
<i className='fa fa fa-plus-square'/>
<div className='mention--align'> <div className='mention--align'>
<span> <span>
{username} {username}

2
webapp/root.html
Просмотреть файл

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta http-equiv='X-UA-Compatible' content='IE=edge'> <meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'> <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0'>
<meta name='robots' content='noindex, nofollow'> <meta name='robots' content='noindex, nofollow'>
<meta name='referrer' content='no-referrer'> <meta name='referrer' content='no-referrer'>

6
webapp/sass/components/_modal.scss
Просмотреть файл

@@ -623,6 +623,12 @@
flex-shrink: 1; flex-shrink: 1;
} }
.filter-button {
.btn {
height: 34px;
}
}
.filter-controls { .filter-controls {
@include clearfix; @include clearfix;
flex-grow: 0; flex-grow: 0;

4
webapp/sass/components/_popover.scss
Просмотреть файл

@@ -128,6 +128,10 @@
background: alpha-color($black, .2); background: alpha-color($black, .2);
} }
.mention--align {
display: inline-block;
}
.fa { .fa {
@include opacity(.5); @include opacity(.5);
margin-right: 5px; margin-right: 5px;

3
webapp/sass/layout/_headers.scss
Просмотреть файл

@@ -9,9 +9,10 @@
.member-popover__trigger { .member-popover__trigger {
cursor: pointer; cursor: pointer;
min-width: 60px;
padding-right: 10px; padding-right: 10px;
text-align: right; text-align: right;
width: 60px; white-space: nowrap;
.fa { .fa {
font-size: 16px; font-size: 16px;

2
webapp/sass/layout/_navigation.scss
Просмотреть файл

@@ -101,7 +101,7 @@
cursor: pointer; cursor: pointer;
height: 19px; height: 19px;
position: relative; position: relative;
top: -1px; top: 13px;
vertical-align: middle; vertical-align: middle;
width: 19px; width: 19px;
} }

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

@@ -10,6 +10,50 @@
.filtered-user-list { .filtered-user-list {
max-height: 65vh !important; max-height: 65vh !important;
.filter-button {
.btn {
width: 100%;
}
}
}
#header-popover {
@include box-shadow(none);
background: alpha-color($black, .8);
border: none;
height: 100%;
max-width: 100%;
position: fixed;
top: 47px;
width: 100%;
.arrow {
display: none;
}
.popover-content {
color: $white;
font-size: 15px;
padding: 15px 20px 100px;
}
.close__icon {
@include border-radius(50%);
border: 1px solid $white;
bottom: 25px;
color: $white;
display: block;
font-size: 23px;
font-weight: 300;
height: 30px;
left: 50%;
line-height: 23px;
margin-left: -25px;
position: fixed;
text-align: center;
width: 30px;
}
} }
.app__body { .app__body {
@@ -493,6 +537,10 @@
} }
.settings-modal { .settings-modal {
.modal-body {
min-height: 100%;
}
&.display--content { &.display--content {
.modal-header { .modal-header {
display: none; display: none;
@@ -598,7 +646,7 @@
.nav { .nav {
> li { > li {
> a { > a {
border-top: 1px solid transparent; border-bottom: 1px solid transparent;
font-size: 1.1em; font-size: 1.1em;
line-height: 2.7; line-height: 2.7;
@@ -742,20 +790,20 @@
&:after { &:after {
@include border-radius(50%); @include border-radius(50%);
background: alpha-color($black, .8); border: 1px solid $white;
border-bottom: 1px solid alpha-color($white, .3);
bottom: 25px; bottom: 25px;
color: $white; color: $white;
content: '×'; content: '\D7';
display: block; display: block;
font-size: 30px; font-size: 23px;
height: 50px; font-weight: 300;
height: 30px;
left: 50%; left: 50%;
line-height: 50px; line-height: 27px;
margin-left: -25px; margin-left: -25px;
position: fixed; position: fixed;
text-align: center; text-align: center;
width: 50px; width: 30px;
} }
> li { > li {