8e2b1f79e4
Small indent fix in components.scss
2017-07-09 14:00:13 +02:00
2fb78fefc6
Fix fullwidth media CSS bugs with NSFW video, and bad spoiler margin on static pages ( #60 )
...
* Fix fullwidth style not applied to NSFW video correctly
* Fix botched video .media-spoiler margin on static pages
2017-07-09 09:07:14 +02:00
76318f8830
Don't use preview when image size is unknown ( #4113 )
2017-07-08 17:21:59 +02:00
dc2b8bdecd
Added a toggle for full-width media previews
2017-07-08 06:46:12 -04:00
e3c2183c12
New design for visibility icons
2017-07-07 23:07:16 -04:00
348d6f5e75
Lazy load components ( #3879 )
...
* feat: Lazy-load routes
* feat: Lazy-load modals
* feat: Lazy-load columns
* refactor: Simplify Bundle API
* feat: Optimize bundles
* feat: Prevent flashing the waiting state
* feat: Preload commonly used bundles
* feat: Lazy load Compose reducers
* feat: Lazy load Notifications reducer
* refactor: Move all dynamic imports into one file
* fix: Minor bugs
* fix: Manually hydrate the lazy-loaded reducers
* refactor: Move all dynamic imports to async-components
* fix: Loading modal style
* refactor: Avoid converting the raw state for each lazy hydration
* refactor: Remove unused component
* refactor: Maintain modal name
* fix: Add as=script to preload link
* chore: Fix lint error
* fix(components/bundle): Check if timestamp is set when computing elapsed
* fix: Load compose reducers for the onboarding modal
2017-07-08 00:06:02 +02:00
d41cec90cf
Added toot visibility icons and removed Boost btn changing icon
2017-07-07 06:31:11 -04:00
0c7ee5c792
Fixed non-status notification styling
2017-07-05 19:26:19 -07:00
bba75c15f1
Statuses redux!
...
- Better unified reblogs, statuses, and notifications
- Polished up collapsed toots greatly
- Apologies to bea if this makes everything more difficult
2017-07-05 18:51:23 -07:00
4cbbea5881
Improved CSS for drawer to restore original looks (full height)
2017-07-05 07:21:36 -04:00
167c392efd
Fix drawer clipping dropdowns
2017-07-05 07:21:36 -04:00
6b77424660
some adjustments to open/active for advanced options dropdown
2017-07-04 21:33:53 -07:00
301c185878
highlight … button if any options enabled
2017-07-04 21:33:53 -07:00
cb7f54891f
Revert "change active/hover display on advanced options"
...
This reverts commit ade773cb0a8c0c4b862074f7ee8e607023bc8bbe.
2017-07-04 21:33:53 -07:00
f6ce1a9592
toggles for advanced options
2017-07-04 21:33:53 -07:00
aee64b996c
change active/hover display on advanced options
2017-07-04 21:33:53 -07:00
b73ee36949
Reduce advanced options dropdown width
2017-07-04 21:33:53 -07:00
85d5249479
The beginnings of an advanced options dropdown
2017-07-04 21:33:53 -07:00
ff9f2088f7
Move layout override into app settings modal
...
Squashed commit of the following:
commit 3842f879865818a3299f8283f8ed1b43c5566500
Author: Surinna Curtis <ekiru.0@gmail.com>
Date: Mon Jul 3 19:57:39 2017 -0500
Fix some style issues
commit 08628a0234392ecac90e869a1272f429de0b6db2
Author: Surinna Curtis <ekiru.0@gmail.com>
Date: Mon Jul 3 19:35:22 2017 -0500
Improved styling and layout of select app settings
commit 1787a7c20f2bf7101c6d6830450564178314a737
Author: Surinna Curtis <ekiru.0@gmail.com>
Date: Mon Jul 3 17:13:53 2017 -0500
remove the layout selector ui from the drawer
commit 7d93b180b1e615e2c36210ad6f119fe80a2778d8
Author: Surinna Curtis <ekiru.0@gmail.com>
Date: Mon Jul 3 17:01:51 2017 -0500
Add layout setting to app settings modal
2017-07-03 21:51:00 -05:00
bf50e3e5ae
Fix height issue in report modal
2017-07-01 14:50:10 +02:00
15227c713d
Remove color lightening for search results section
...
This will cause it to match the shading of the container behind it.
2017-06-30 18:38:36 -04:00
30736f4886
Add opaque background to search results section
2017-06-30 18:38:36 -04:00
0e09048537
Fix broken style in media gallery (regression from #3963 ) ( #4014 )
2017-06-30 13:40:00 +02:00
46f83bb28b
Styling fixes to media spoilers
2017-06-30 02:56:19 -07:00
ec2daae71c
Media display improvements
...
- built in fullwidth styling
- letterbox settings toggle
- media no longer counts towards height when making toot-collapsing
measurements
2017-06-30 02:18:25 -07:00
049cea30b0
Fix media-gallery, overflow is hidden. ( #4008 )
2017-06-30 05:37:17 +02:00
cc4cba8afd
Improvements to image icon appearance on SHOW MORE
2017-06-29 01:43:15 -07:00
99889ea57d
Tiny Status improvements
...
- Media toots are no longer auto-collapsed if the media is behind a CW
- Display names no longer appear clickable when a toot is collapsed
- Fixed #36 by adding reduplicating the media icon inside the SHOW
MORE/LESS
2017-06-28 23:23:05 -07:00
0b371da971
Fixed improper centering of columns-area
2017-06-28 22:18:22 -07:00
595c6de32c
Added App Setttings Modal
2017-06-28 22:00:54 -07:00
ab4632a41e
Allow line-breaks in bio metadata
2017-06-27 16:20:35 -07:00
ddafde942c
Merge remote-tracking branch 'upstream/master'
2017-06-27 20:46:13 +00:00
12e7c81dd8
Turn report screen into a modal ( #3965 )
2017-06-27 18:07:21 +02:00
e6300de142
Profile metadata improvements
2017-06-27 05:48:26 -07:00
be92babd00
Responsive images in media gallery ( #3963 )
...
* feat(components/media_gallery): Responsive images
* fix(components/media_gallery): Link to image URL
2017-06-27 13:46:37 +02:00
8f2c91568c
Maintain aspect ratio for preview image ( #3966 )
2017-06-27 13:43:53 +02:00
56ca33a6d3
Time needs to be just a little wider to accomodate minutes
2017-06-25 19:38:58 -07:00
aeff898137
We want wrapping here, sorry 😥
2017-06-25 19:26:59 -07:00
38a1299975
Stick images inside of CWs
2017-06-25 19:15:03 -07:00
96e1f75679
Fixes to overflows wrt drawer/column
2017-06-25 18:05:28 -07:00
22cc5c0dec
Improvements to action bar positioning
2017-06-25 17:35:27 -07:00
efa425206c
Move status action bar left
...
This also resolves the issues where sometimes the timestamps wrap and also sits unpleasantly close to the … button.
2017-06-25 18:24:50 -05:00
6a50e73089
Auto-uncollapse when expanding CW
2017-06-25 15:52:55 -07:00
d6e3918d92
Disables CW [Show More/Less] links in collapsed toots
2017-06-25 15:25:19 -07:00
ddc6b85912
Color adjustment to media icons
2017-06-25 14:25:35 -07:00
4bc237fcfe
Adds media icons to toots
2017-06-25 14:22:11 -07:00
efacfec3ed
Media previews for collapsed toots
2017-06-25 13:57:52 -07:00
b8a5052d53
Better style handling at small sizes
2017-06-24 20:36:19 -07:00
7427680e75
Allowed little media rules
2017-06-24 20:14:58 -07:00
ca0d30c04b
OKAY THIS WORKS THIS WORKS
2017-06-24 20:04:46 -07:00
1fc096ec75
Fix elephant in onboarding modal being very small sized on small devices ( #3932 )
2017-06-24 23:18:32 +02:00
21c2bc119c
Clean column collapsible ( #3931 )
...
* Remove unused column_collapsable.js
* Remove old styles
* Extract `> div` style to independent class
2017-06-24 23:18:11 +02:00
a70468aa56
Support overriding media queries for deciding between single-column/multi-column layouts with a class
2017-06-24 15:29:46 -05:00
f1a60d4b81
Unified avatar styling
...
Avatars now have consistent styling across all pages; border radius can be adjusted with a SASS variable ($ui-avatar-border-size)
2017-06-24 03:03:27 +00:00
2513d92c54
Un-hide dropdown menu ;P
2017-06-23 19:39:44 -07:00
40ecbfd4a9
Very minor styling improvements to toot-collapsing
2017-06-23 21:50:45 +00:00
93c52301ad
Collapsable toots [1/??] ☕ ️
2017-06-23 21:50:45 +00:00
0d3ec19e89
✨ Profile Metadata HACK 😈
2017-06-23 21:45:14 +00:00
d8c4781377
fix: Apply :hover, :focus and :active only when multiple columns
2017-06-23 13:48:46 +02:00
eb832e88f4
Replace TextIconButton for SensitiveButton to IconButton ( #3759 )
...
* Replace TextIconButton for SensitiveButton to IconButton
* line-height
2017-06-20 19:43:09 +02:00
aa58cca040
Set cursor:pointer only when necessary ( #3857 )
2017-06-19 18:27:07 +02:00
5104bd7988
Fix unclickable onboardin modal regression ( #3724 )
2017-06-13 00:39:31 +02:00
37dbfa4cd7
Unread indicator was invisible behind column header, adjusted ( #3720 )
...
* Unread indicator was invisible behind column header, adjusted
* Unread indicator now a CSS pseudo-element
* Adjust flex
2017-06-12 20:02:17 +02:00
72133fbed6
Re-add clear notifications button ( #3708 )
...
* Re-add clear notifications button
* remove connect() in column_settings
* one line
* remove unused props
2017-06-12 12:26:23 +02:00
a3715598cc
adjust the size of 'column-header__back-button' (retry) ( #3662 )
2017-06-09 16:22:28 +02:00
e3fae6f52c
adjust the size of column-header__back-button ( #3654 )
2017-06-09 15:05:26 +02:00
8acadeea76
fix: Warn if JavaScript is disabled ( #3634 )
2017-06-08 00:52:56 +02:00
b623dd12c1
Use preview image in <ImageLoader /> to provide immediate visual feedback ( #3595 )
...
before the full-size image is loaded
2017-06-06 19:30:17 +02:00
7623766241
Add regex filters on the community timeline and the public timeline. ( #3564 )
...
* Add regex filter on the community timeline and the public timeline
* correcting
* Adjust the height of header buttons
* Remove trailing spaces
* Remove trailing spaces
* Solve some code duplication
* reset the state of the locale files in app/javascript/mastodon/locales
* adjust to upstream
* adjust to upstream
* change keys of locale settings
2017-06-06 16:56:10 +02:00
66ca7157db
Add support key shortcut to Onboarding Modal ( #3517 )
...
* Add support key shortcut to Onboarding Modal
* this.state.pages -> this.pages
2017-06-05 10:09:14 +02:00
f6e2309e70
Fix column buttons overflow in Japanese ( #3552 )
2017-06-04 14:52:02 +02:00
1dfd27a028
Fix all icons in the column header being hilighted ( #3554 )
2017-06-04 14:51:06 +02:00
8ee2eb5d2e
Allow mounting arbitrary columns ( #3207 )
...
* Allow mounting arbitrary columns
* Refactor column headers, allow pinning/unpinning and moving columns around
* Collapse animation
* Re-introduce scroll to top
* Save column settings properly, do not display pin options in
single-column view, do not display collapse icon if there is
nothing to collapse
* Fix one instance of public timeline being closed closing the stream
Fix back buttons inconsistently sending you back to / even if history exists
* Getting started displays links to columns that are not mounted
2017-06-04 01:39:38 +02:00
3ea3f24a02
Change toggle state when click label ( #3530 )
2017-06-03 14:40:24 +02:00
c00ead8a72
Remove react-imageloader ( #3423 )
...
* Remove react-imageloader
* add eslint-disable-line
* improve image loading experience
* remove unneeded import
* use PureComponent
* Use componentWillMount instead of constructor
2017-05-31 17:07:25 +02:00
3fa8512474
Fix video having black border on top due to regression from #2608 ( #3392 )
...
The combination of object-fit, relative position 50% from top and translating it
back upwards 50% is what allows us to crop the video properly, so it needs to
be +50%-50%
2017-05-28 19:11:47 +02:00
bd21afb5ed
Replace onboarding elephant with friendlier graphic, shorter animation ( #3337 )
...
on status fade-in, fix buttons not having pointer cursor
2017-05-27 00:53:25 +02:00
4b11675bdc
Change anchor to button element ( #3321 )
...
Fix warning for ESLint (jsx-a11y/href-no-hash).
2017-05-26 14:10:37 +02:00
bc39ad37c4
Fix "contains" CSS for Chromium <57 ( #3317 )
...
Fixes #3277 . I've tested in QupZilla on Mac and can confirm it fixes the issue, and that Chrome 58 is not affected (because it has Grid).
2017-05-25 21:14:56 +02:00
b89ab7e69d
Add `flex: 0 0 auto` to some components to avoid bugs on iOS9 ( #3313 )
2017-05-25 18:59:55 +02:00
71b266377c
Remove unnecessary action bar wrapper divs ( #3299 )
2017-05-25 14:15:12 +02:00
807c192fcf
Fix load more feature on the Account media gallery ( #3293 )
...
* Add load more button for large screens
* Fix `next` state value on the first loading
* Don't load if `isLoading || !hasMore`
* Start load on near the bottom
2017-05-25 05:22:46 +02:00
8e4d1cba00
Lazy load toots using IntersectionObserver ( #3191 )
...
* refactor(components/status_list): Lazy load using IntersectionObserver
* refactor(components/status_list): Avoid setState bottleneck
* refactor(components/status_list): Update state correctly
* fix(components/status): Render if isIntersecting is undefined
* refactor(components/status): Recycle timeout
* refactor(components/status): Reduce animation duration
* refactor(components/status): Use requestIdleCallback
* chore: Split polyfill bundles
* refactor(components/status_list): Increase rootMargin to 300%
* fix(components/status): Check if onRef is not defined
* chore: Add note about polyfill bundle splitting
* fix(components/status): Reduce animation duration to 0.3 seconds
2017-05-24 17:55:00 +02:00
be83d450eb
Fix DM being highlighted when it's inside a favourite notification ( #3267 )
2017-05-24 04:22:46 +02:00
860ffc0560
Focus the submit button ( #3253 )
...
Focus the submit button when confirmation modal is opened.
Also, changed cancellation link to button.
This makes the meaning clearer.
2017-05-23 13:10:41 +02:00
419226d1f6
Remove unnecessary status__info-time div ( #3172 )
2017-05-20 16:48:49 +02:00
de475cf8d3
Add account media gallery view to web UI ( #3120 )
...
* Add account media gallery view to web UI
* Link media view from account dropdown
* Adjust link
2017-05-20 01:28:25 +02:00
b369fc2de4
feat: Use CSS contain to avoid computations ( #3158 )
2017-05-20 01:26:46 +02:00
4a3db71692
Remove react-autosuggest ( #3140 )
...
react-autosuggest is added from c49f6290ebb27066e154
2017-05-19 15:21:34 +02:00
b8b7b506a2
Replace inline styles with stylesheet ( #3115 )
2017-05-19 11:42:54 +02:00
3722f90865
Make .column-collapse animation simple ( #3086 )
...
* Always set `overflow: auto` to allow scroll just after opening
* Remove bounce animation which may cause unintended behavior due to max-height
* Use CSS transition instead of react-motion
* Some CSS refactoring including className changing
2017-05-17 00:24:46 +02:00
a588358f41
Fix style regressions ( #3062 )
...
From #2327 - Elephant friend was overlapping with text, oversized in
single column layout
From #2021 - Centered layout goes against design principles, changes
UX for everybody who's already used to the current one
From #2271 - CPU/RAM overusage from keeping columns in DOM (fix #2648 ,
possibly also #2101 )
2017-05-15 01:23:58 +02:00
1d5dcfcd46
Make direct statuses stand out more ( #3025 )
...
Resolves #2515
2017-05-13 01:38:51 +02:00
a1fc2cfa09
Fix color contrast some more in privacy warning ( #3018 )
...
* Fix color contrast some more in privacy warning
Latest master appears to have changed the <strong> to this unreadable grey color. If you want that to be white then it should be pure white. If someone would rather revert this to that strong dark blue color it was before that would be good too.
* Make domain dark blue again
* add missing ;
woops
2017-05-12 20:19:39 +02:00
60f3230a05
Increase color contrast on privacy warning ( #3015 )
...
The current text contrast on the privacy warning is a WCAG violation. I didn't notice this because my instance has a custom theme which is better. On default theme I am barely able to read the text with my impaired vision. This patch brings the contrast to Normal Text WCAG AA compliance, and Large Text WCAG AAA compliance.
2017-05-12 17:46:36 +02:00
72698bc3b4
Fix regressions from #2683 ( #2970 )
...
* Fix regressions from #2683
Properly format spoiler text HTML, while keeping old logic for blankness intact
Process hashtags and mentions in spoiler text
Format spoiler text for Atom
Change "show more" toggle into a button instead of anchor
Fix style regression on dropdowns for detailed statuses
* Fix lint issue
* Convert spoiler text to plaintext in desktop notifications
2017-05-11 00:28:10 +02:00
43db2cf5e7
align buttons with column headers ( #2964 )
2017-05-10 20:32:26 +02:00
7c249dfd88
Add cursor property to toot user avatar. ( #2933 )
2017-05-09 03:48:15 +02:00
b85dec2b97
Improve scss color variables ( #2912 )
...
- Updates scss variables file to use better-named variables for black/white/etc
- Arranges the "mastodon classic" colors into variables
- Remove all references to `$color-*` naming, replacing with new
This does not in itself introduce "theme" support, but:
- It would probably be easier to start working on theme support after this
change and others
- Even without the goal of themes, these changes make it more clear how the
colors are being used.
There is almost definitely some edge case in here where I've guessed the
intent/context of some color usage incorrectly, but it still seems like a net
improvement.
2017-05-08 15:57:49 +02:00
28e674bc6a
small ui change so that the settings buttons at the top of each column are actually aligned properly ( #2894 )
2017-05-07 23:47:55 +02:00
d63c291f86
Enable CodeClimate SCSS Lint checks ( #2886 )
...
* add scss_lint to Gemfile
* add .scss-lint.yml
* fix warnings of scss-lint
* chmod -x styles/variables.scss
* Enable CodeClimate SCSS Lint checks
2017-05-07 20:47:31 +02:00
139d183485
Fix a aspect ratio for the embedded video ( #2872 )
2017-05-07 15:21:46 +02:00
df81bc4a97
add asynchronous emojione-picker (code-splitting) ( #2863 )
2017-05-07 02:42:38 +02:00
e95983f5df
Decode IDNA in PreviewCard ( #2781 )
2017-05-04 15:52:08 +02:00
e61ecf4091
Add styles for small devices to .onboarding-modal ( #2748 )
2017-05-03 14:02:15 +02:00
383c0b7802
Show boosted user's avatar ( #2518 )
...
* Show boosted user's avatar
* add .status__avatar-boost
* margin
* apply to notifications too.
* account__avatar-boost
* Add inline prop to Avatar component
* Add AvatarOverlay component
* rename mixins.scss
* move files for latest master
* fixed for webpack
2017-05-03 11:43:37 +02:00
40562fd266
Fix width of .confirmation-modal on narrow screens ( #2743 )
2017-05-03 11:39:14 +02:00
f5bf5ebb82
Replace sprockets/browserify with Webpack ( #2617 )
...
* Replace browserify with webpack
* Add react-intl-translations-manager
* Do not minify in development, add offline-plugin for ServiceWorker background cache updates
* Adjust tests and dependencies
* Fix production deployments
* Fix tests
* More optimizations
* Improve travis cache for npm stuff
* Re-run travis
* Add back support for custom.scss as before
* Remove offline-plugin and babili
* Fix issue with Immutable.List().unshift(...values) not working as expected
* Make travis load schema instead of running all migrations in sequence
* Fix missing React import in WarningContainer. Optimize rendering performance by using ImmutablePureComponent instead of
React.PureComponent. ImmutablePureComponent uses Immutable.is() to compare props. Replace dynamic callback bindings in
<UI />
* Add react definitions to places that use JSX
* Add Procfile.dev for running rails, webpack and streaming API at the same time
2017-05-03 02:04:16 +02:00
Ondřej Hruška