teh/mastodon
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 10

Fix up timeout, improve contrast on "show more", add responsive style

Browse source 
for extremely wide monitors
This commit is contained in:
Eugen Rochko 2017-01-26 18:48:56 +01:00
parent cc5c1e5feb
commit 7329fbd8a4
4 changed files with 34 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/components/actions/notifications.jsx
View file

@ -40,7 +40,7 @@ export function updateNotifications(notification, intlMessages, intlLocale) {
// Desktop notifications // Desktop notifications
if (typeof window.Notification !== 'undefined' && showAlert) { if (typeof window.Notification !== 'undefined' && showAlert) {
const title = new IntlMessageFormat(intlMessages[`notification.${notification.type}`], intlLocale).format({ name: notification.account.display_name.length > 0 ? notification.account.display_name : notification.account.username }); const title = new IntlMessageFormat(intlMessages[`notification.${notification.type}`], intlLocale).format({ name: notification.account.display_name.length > 0 ? notification.account.display_name : notification.account.username });
const body = $('<p>').html(notification.status ? notification.status.content : '').text(); const body = (notification.status && notification.status.spoiler_text.length > 0) ? notification.status.spoiler_text : $('<p>').html(notification.status ? notification.status.content : '').text();
new Notification(title, { body, icon: notification.account.avatar, tag: notification.id }); new Notification(title, { body, icon: notification.account.avatar, tag: notification.id });
} }

5
app/assets/javascripts/components/features/ui/components/columns_area.jsx
View file

@ -3,12 +3,15 @@ import PureRenderMixin from 'react-addons-pure-render-mixin';
const style = { const style = {
display: 'flex', display: 'flex',
flex: '1 1 auto', flex: '1 1 auto',
justifyContent: 'flex-start',
overflowX: 'auto' overflowX: 'auto'
}; };
const ColumnsArea = React.createClass({ const ColumnsArea = React.createClass({
propTypes: {
children: React.PropTypes.node
},
mixins: [PureRenderMixin], mixins: [PureRenderMixin],
render () { render () {

27
app/assets/stylesheets/components.scss
View file

@ -139,10 +139,10 @@
} }
.status__content__spoiler-link { .status__content__spoiler-link {
background: lighten($color1, 26%); background: lighten($color1, 30%);
&:hover { &:hover {
background: lighten($color1, 29%); background: lighten($color1, 33%);
text-decoration: none; text-decoration: none;
} }
} }
@ -261,6 +261,15 @@
.status__avatar { .status__avatar {
opacity: 0.5; opacity: 0.5;
} }
.status__content__spoiler-link {
background: lighten($color1, 26%);
&:hover {
background: lighten($color1, 29%);
text-decoration: none;
}
}
} }
.notification__display-name { .notification__display-name {
@ -354,6 +363,7 @@
.columns-area { .columns-area {
flex-direction: row; flex-direction: row;
justify-content: flex-start;
} }
@media screen and (min-width: 360px) { @media screen and (min-width: 360px) {
@ -371,6 +381,19 @@
width: 280px; width: 280px;
} }
@media screen and (min-width: 2560px) {
.columns-area {
justify-content: center;
}
.column, .drawer {
width: 350px;
border-radius: 4px;
height: 90vh;
margin-top: 5vh;
}
}
.drawer__inner { .drawer__inner {
background: linear-gradient(rgba(lighten($color1, 13%), 1), rgba(lighten($color1, 13%), 0.65)); background: linear-gradient(rgba(lighten($color1, 13%), 1), rgba(lighten($color1, 13%), 0.65));
} }

5
config/initializers/timeout.rb
View file

@ -1 +1,4 @@
Rack::Timeout.timeout = 30 if Rails.env.production? if Rails.env.production?
Rack::Timeout.service_timeout = 15
Rack::Timeout::Logger.disable
end