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

Multiple Ui improvements (#5398)

Просмотр исходного кода 
* PLT-5475 - Adjusting tutorials on mobile

* PLT-5475 - Adjusting tutorials on mobile

* PLT-5457 - Adjusting save button

* PLT-5443 - Updating highllight on status compact

* PLT-5413 - Team sidebar not scrolling

* PLT-5358 - Maintaing aspect ratio for emojis

* PLT-5411 - Removing help text from LDAP signin

* PLT-5420 - Updating emoticon for headings

* Updating emoji size

* Updating emoji size

* Removing emoticon tag

* Updating emoticon sizes

* Updating emoji size
Этот коммит содержится в:
Asaad Mahmood
2017-02-16 19:54:30 +05:00
коммит произвёл Harrison Healey
родитель d60d05f2d8
Коммит c6ffb73999
13 изменённых файлов: 48 добавлений и 48 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

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

@@ -186,9 +186,9 @@ export default class AddEmoji extends React.Component {
defaultMessage='This is a sentence with {image} in it.'
values={{
image: (
<img
<span
className='emoticon'
src={this.state.imageUrl}
style={{backgroundImage: 'url(' + this.state.imageUrl + ')'}}
/>
)
}}

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

@@ -98,9 +98,9 @@ export default class EmojiListItem extends React.Component {
{':' + emoji.name + ':'}
</td>
<td className='emoji-list__image'>
<img
<span
className='emoticon'
src={EmojiStore.getEmojiImageUrl(emoji)}
style={{backgroundImage: 'url(' + EmojiStore.getEmojiImageUrl(emoji) + ')'}}
/>
</td>
<td className='emoji-list__creator'>

6
webapp/components/post_view/components/reaction.jsx
Просмотреть файл

@@ -188,9 +188,9 @@ export default class Reaction extends React.Component {
className={className}
onClick={handleClick}
>
<img
className='post-reaction__emoji'
src={EmojiStore.getEmojiImageUrl(EmojiStore.get(this.props.emojiName))}
<span
className='post-reaction__emoji emoticon'
style={{backgroundImage: 'url(' + EmojiStore.getEmojiImageUrl(EmojiStore.get(this.props.emojiName)) + ')'}}
/>
<span className='post-reaction__count'>
{this.props.reactions.length}

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

@@ -244,7 +244,7 @@ export default class ProfilePopover extends React.Component {
<div
data-toggle='tooltip'
key='user-popover-dm'
className='popover-dm__content'
className='popover__row'
>
<a
href='#'

1
webapp/components/user_settings/user_settings_general.jsx
Просмотреть файл

@@ -500,7 +500,6 @@ class UserSettingsGeneralTab extends React.Component {
}}
/>
</div>
{helpText}
</div>
);
} else if (this.props.user.auth_service === Constants.SAML_SERVICE) {

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

@@ -6,7 +6,9 @@
background-size: contain;
display: inline-block;
height: 20px;
vertical-align: text-top;
min-height: 1em;
min-width: 1em;
vertical-align: middle;
width: 20px;
}

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

@@ -35,26 +35,16 @@
}
}
.popover-dm__content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
max-width: 100%;
overflow: hidden;
padding: 5px 5px 5px 0px;
text-overflow: ellipsis;
margin: 0;
font-size: 14px;
border-top: 1px solid #ebebeb;
border-color: rgba(221, 221, 221, 0.2);
margin-top: 5px;
margin-bottom: -5px;
.popover__row {
border-top: 1px solid transparent;
margin: 9px -15px 0;
padding: 9px 15px 0;
> a {
> i {
margin-right: 5px;
}
> span {
text-transform: capitalize;
}

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

@@ -575,14 +575,16 @@
.status {
bottom: auto;
left: -3px;
height: 13px;
left: -2px;
position: relative;
right: auto;
top: auto;
width: 13px;
}
svg {
top: 0;
top: 1px;
}
&:after {
@@ -1023,7 +1025,7 @@
word-wrap: break-word;
div {
margin: 0 0 .4em;
margin-bottom: .4em;
}
p + p {
@@ -1135,10 +1137,11 @@
padding: 0 4px 0 3px;
.post-reaction__emoji {
height: 16px;
height: auto;
margin: 2px 3px 0 0;
vertical-align: top;
width: 16px;
max-height: 16px;
max-width: 16px;
vertical-align: middle;
}
.post-reaction__count {

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

@@ -8,7 +8,8 @@
z-index: 5;
.team-wrapper {
background-color: rgba(0, 0, 0, 0.2);
-webkit-overflow-scrolling: touch;
background-color: alpha-color($black, .2);
height: 100%;
overflow: auto;
padding-top: 15px;

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

@@ -1556,17 +1556,24 @@
}
.tutorial-steps__container {
left: 0;
position: fixed;
top: 0;
.tutorial__content {
.tutorial__steps {
margin-top: 20px;
min-height: auto;
padding: 0 20px;
width: 100%;
h1 {
font-size: 35px;
font-size: 2em;
margin: -5px 0 20px;
}
h3 {
font-size: 1.5em;
margin-bottom: 10px;
}
@@ -1575,14 +1582,14 @@
}
.tutorial__circles {
bottom: 60px;
margin: 0 0 15px;
position: absolute;
bottom: auto;
margin: 15px 0 20px;
position: relative;
}
.tutorial__footer {
bottom: 30px;
position: absolute;
bottom: auto;
position: relative;
}
}
}

12
webapp/sass/routes/_backstage.scss
Просмотреть файл

@@ -396,22 +396,22 @@
}
.emoji-list__name {
padding: 20px 0px 20px 15px;
padding: 20px 0 20px 15px;
width: 30%;
}
.emoji-list__image {
padding: 15px 0px;
padding: 15px 0;
width: 15%;
}
.emoji-list__creator {
padding: 15px 0px;
padding: 15px 0;
width: 40%;
}
.emoji-list__actions {
padding: 20px 15px 20px 0px;
padding: 20px 15px 20px 0;
width: 15%;
}
@@ -434,8 +434,4 @@
.add-emoji__filename,
.add-emoji__preview {
padding-top: 7px;
.emoticon {
margin-bottom: 0;
}
}

1
webapp/sass/routes/_get-app.scss
Просмотреть файл

@@ -19,6 +19,7 @@
.get-app__continue-with-browser {
display: block;
margin-top: 40px;
padding-bottom: 30px;
text-align: center;
}
}

3
webapp/utils/utils.jsx
Просмотреть файл

@@ -548,6 +548,7 @@ export function applyTheme(theme) {
if (theme.centerChannelBg) {
changeCss('@media(min-width: 768px){.app__body .post:hover .post__header .col__reply, .app__body .post.post--hovered .post__header .col__reply', 'background:' + theme.centerChannelBg);
changeCss('@media(max-width: 320px){.tutorial-steps__container', 'background:' + theme.centerChannelBg);
changeCss('.app__body .app__content, .app__body .markdown__table, .app__body .markdown__table tbody tr, .app__body .suggestion-list__content, .app__body .modal .modal-content, .app__body .modal .modal-footer, .app__body .post.post--compact .post-image__column, .app__body .suggestion-list__divider > span, .app__body .status-wrapper .status', 'background:' + theme.centerChannelBg);
changeCss('#post-list .post-list-holder-by-time, .app__body .post .dropdown-menu a', 'background:' + theme.centerChannelBg);
changeCss('#post-create', 'background:' + theme.centerChannelBg);
@@ -594,7 +595,7 @@ export function applyTheme(theme) {
changeCss('.app__body .popover.left>.arrow', 'border-left-color:' + changeOpacity(theme.centerChannelColor, 0.25));
changeCss('.app__body .popover.top>.arrow', 'border-top-color:' + changeOpacity(theme.centerChannelColor, 0.25));
changeCss('.app__body .suggestion-list__content .command, .app__body .popover .popover-title', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2));
changeCss('.app__body .suggestion-list__content .command, .app__body .popover .popover-dm__content', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2));
changeCss('.app__body .suggestion-list__content .command, .app__body .popover .popover__row', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2));
changeCss('.app__body .suggestion-list__divider:before, .app__body .dropdown-menu .divider, .app__body .search-help-popover .search-autocomplete__divider:before', 'background:' + theme.centerChannelColor);
changeCss('.app__body .custom-textarea', 'color:' + theme.centerChannelColor);
changeCss('.app__body .post-image__column', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2));