Ondřej Hruška
0b15430dbe
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
7 years ago
Yamagishi Kazutoshi
a45154d725
Don't use preview when image size is unknown ( #4113 )
7 years ago
Ondřej Hruška
319e8e3041
Added a toggle for full-width media previews
7 years ago
Ondřej Hruška
49bae78c88
New design for visibility icons
7 years ago
Sorin Davidoi
40b32ffb12
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
7 years ago
Ondřej Hruška
3785bfc9fc
Added toot visibility icons and removed Boost btn changing icon
7 years ago
kibigo!
f24ad13261
Fixed non-status notification styling
7 years ago
kibigo!
3cd65539da
Statuses redux!
...
- Better unified reblogs, statuses, and notifications
- Polished up collapsed toots greatly
- Apologies to bea if this makes everything more difficult
7 years ago
Ondřej Hruška
e00724a4fc
Improved CSS for drawer to restore original looks (full height)
7 years ago
Ondřej Hruška
dec5108c46
Fix drawer clipping dropdowns
7 years ago
Surinna Curtis
025c01b8a3
some adjustments to open/active for advanced options dropdown
7 years ago
Surinna Curtis
bcccb7ed90
highlight … button if any options enabled
7 years ago
Surinna Curtis
48cb68a9d2
Revert "change active/hover display on advanced options"
...
This reverts commit ade773cb0a8c0c4b862074f7ee8e607023bc8bbe.
7 years ago
Surinna Curtis
24fde0bd4a
toggles for advanced options
7 years ago
Surinna Curtis
0fd8385f1e
change active/hover display on advanced options
7 years ago
Surinna Curtis
d7405f4ced
Reduce advanced options dropdown width
7 years ago
Surinna Curtis
440c008da7
The beginnings of an advanced options dropdown
7 years ago
Surinna Curtis
3df7a1b6f4
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
7 years ago
Eugen Rochko
6bd8a23131
Fix height issue in report modal
7 years ago
adbelle
b3551edc92
Remove color lightening for search results section
...
This will cause it to match the shading of the container behind it.
7 years ago
adbelle
cfce6b7c92
Add opaque background to search results section
7 years ago
Yamagishi Kazutoshi
c7cefc7556
Fix broken style in media gallery (regression from #3963 ) ( #4014 )
7 years ago
kibigo!
651a696138
Styling fixes to media spoilers
7 years ago
kibigo!
6b3a6744c9
Media display improvements
...
- built in fullwidth styling
- letterbox settings toggle
- media no longer counts towards height when making toot-collapsing
measurements
7 years ago
Naoki Kosaka
a48f7bdf28
Fix media-gallery, overflow is hidden. ( #4008 )
7 years ago
kibigo!
eaa3990136
Improvements to image icon appearance on SHOW MORE
7 years ago
kibigo!
cc5584c805
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
7 years ago
kibigo!
e379ea4779
Fixed improper centering of columns-area
7 years ago
kibigo!
7de01e789a
Added App Setttings Modal
7 years ago
kibigo!
d2deae630d
Allow line-breaks in bio metadata
7 years ago
beatrix-bitrot
cdcb74ffb6
Merge remote-tracking branch 'upstream/master'
7 years ago
Eugen Rochko
0d316bcfd2
Turn report screen into a modal ( #3965 )
7 years ago
kibigo!
317de1efa8
Profile metadata improvements
7 years ago
Sorin Davidoi
d6006ecb4b
Responsive images in media gallery ( #3963 )
...
* feat(components/media_gallery): Responsive images
* fix(components/media_gallery): Link to image URL
7 years ago
Yamagishi Kazutoshi
8a9408b7c3
Maintain aspect ratio for preview image ( #3966 )
7 years ago
kibigo!
88e1254643
Time needs to be just a little wider to accomodate minutes
7 years ago
kibigo!
6f6795841a
We want wrapping here, sorry 😥
7 years ago
kibigo!
d9cb3941d8
Stick images inside of CWs
7 years ago
kibigo!
cfb2072045
Fixes to overflows wrt drawer/column
7 years ago
kibigo!
ecbc3a3b8f
Improvements to action bar positioning
7 years ago
Surinna Curtis
82f11f07f1
Move status action bar left
...
This also resolves the issues where sometimes the timestamps wrap and also sits unpleasantly close to the … button.
7 years ago
kibigo!
ab0e92d337
Auto-uncollapse when expanding CW
7 years ago
kibigo!
be33f28968
Disables CW [Show More/Less] links in collapsed toots
7 years ago
kibigo!
fe70393072
Color adjustment to media icons
7 years ago
kibigo!
f5a90db7ef
Adds media icons to toots
7 years ago
kibigo!
d5cf3e5570
Media previews for collapsed toots
7 years ago
kibigo!
fb3040dfc4
Better style handling at small sizes
7 years ago
kibigo!
1e6267ae2f
Allowed little media rules
7 years ago
kibigo!
cf1a103ee7
OKAY THIS WORKS THIS WORKS
7 years ago
unarist
9a65f85934
Fix elephant in onboarding modal being very small sized on small devices ( #3932 )
7 years ago
unarist
fdd982a562
Clean column collapsible ( #3931 )
...
* Remove unused column_collapsable.js
* Remove old styles
* Extract `> div` style to independent class
7 years ago
Surinna Curtis
e5b6c21f32
Support overriding media queries for deciding between single-column/multi-column layouts with a class
7 years ago
Matthew Walsh
2fb8475418
Unified avatar styling
...
Avatars now have consistent styling across all pages; border radius can be adjusted with a SASS variable ($ui-avatar-border-size)
7 years ago
kibigo!
f277bf6012
Un-hide dropdown menu ;P
7 years ago
kibigo!
be420f4139
Very minor styling improvements to toot-collapsing
7 years ago
kibigo!
744917179b
Collapsable toots [1/??] ☕ ️
7 years ago
kibigo!
a36c6a3e54
✨ Profile Metadata HACK 😈
7 years ago
Sorin Davidoi
9366672d53
fix: Apply :hover, :focus and :active only when multiple columns
7 years ago
Yamagishi Kazutoshi
47dceaded6
Replace TextIconButton for SensitiveButton to IconButton ( #3759 )
...
* Replace TextIconButton for SensitiveButton to IconButton
* line-height
7 years ago
unarist
8db07d1187
Set cursor:pointer only when necessary ( #3857 )
7 years ago
Eugen Rochko
91e13e3cf8
Fix unclickable onboardin modal regression ( #3724 )
8 years ago
Eugen Rochko
2deea77f2e
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
8 years ago
Yamagishi Kazutoshi
5f19b8e900
Re-add clear notifications button ( #3708 )
...
* Re-add clear notifications button
* remove connect() in column_settings
* one line
* remove unused props
8 years ago
Clworld
014c11aa38
adjust the size of 'column-header__back-button' (retry) ( #3662 )
8 years ago
ふぁぼ原
2eec65d27f
adjust the size of column-header__back-button ( #3654 )
8 years ago
Sorin Davidoi
4ce6597e3a
fix: Warn if JavaScript is disabled ( #3634 )
8 years ago
Eugen Rochko
185bcf6fe1
Use preview image in <ImageLoader /> to provide immediate visual feedback ( #3595 )
...
before the full-size image is loaded
8 years ago
ふぁぼ原
f6fddd95d4
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
8 years ago
Yamagishi Kazutoshi
bba7df45e9
Add support key shortcut to Onboarding Modal ( #3517 )
...
* Add support key shortcut to Onboarding Modal
* this.state.pages -> this.pages
8 years ago
Yamagishi Kazutoshi
04bd224629
Fix column buttons overflow in Japanese ( #3552 )
8 years ago
unarist
4f81be115c
Fix all icons in the column header being hilighted ( #3554 )
8 years ago
Eugen Rochko
cf8f820144
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
8 years ago
Yamagishi Kazutoshi
cab0f47a61
Change toggle state when click label ( #3530 )
8 years ago
Nolan Lawson
e7714433fd
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
8 years ago
Eugen Rochko
2847d39133
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%
8 years ago
Eugen Rochko
c4e1274833
Replace onboarding elephant with friendlier graphic, shorter animation ( #3337 )
...
on status fade-in, fix buttons not having pointer cursor
8 years ago
Yamagishi Kazutoshi
3d3441dddd
Change anchor to button element ( #3321 )
...
Fix warning for ESLint (jsx-a11y/href-no-hash).
8 years ago
Nolan Lawson
e5fc974cb9
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).
8 years ago
unarist
3a82ee323e
Add `flex: 0 0 auto` to some components to avoid bugs on iOS9 ( #3313 )
8 years ago
Nolan Lawson
534b223c29
Remove unnecessary action bar wrapper divs ( #3299 )
8 years ago
unarist
b4692f1513
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
8 years ago
Sorin Davidoi
5efcea69d2
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
8 years ago
Eugen Rochko
b5322046d2
Fix DM being highlighted when it's inside a favourite notification ( #3267 )
8 years ago
Yamagishi Kazutoshi
5bb10252fa
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.
8 years ago
Nolan Lawson
fb220aefc9
Remove unnecessary status__info-time div ( #3172 )
8 years ago
Eugen Rochko
94b26e90fa
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
8 years ago
Sorin Davidoi
eeb78b394c
feat: Use CSS contain to avoid computations ( #3158 )
8 years ago
Yamagishi Kazutoshi
d1f83bee86
Remove react-autosuggest ( #3140 )
...
react-autosuggest is added from b91faaebbb
Dependence removed from d088b3cade
8 years ago
Yamagishi Kazutoshi
2ad6edded5
Replace inline styles with stylesheet ( #3115 )
8 years ago
unarist
2e7c9c77f8
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
8 years ago
Eugen Rochko
456099eebf
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 )
8 years ago
Eugen Rochko
706ebea56e
Make direct statuses stand out more ( #3025 )
...
Resolves #2515
8 years ago
Shel Raphen
9621ff6982
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
8 years ago
Shel Raphen
464e70ceff
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.
8 years ago
Eugen Rochko
3702e2c924
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
8 years ago
Wonderfall
04ee7e7b62
align buttons with column headers ( #2964 )
8 years ago
HANATANI Takuma
832bcd97a4
Add cursor property to toot user avatar. ( #2933 )
8 years ago
Matt Jankowski
50d632ea01
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.
8 years ago
Jessica K. Litwin
3aa6f28dae
small ui change so that the settings buttons at the top of each column are actually aligned properly ( #2894 )
8 years ago
yhirano
283e1e265a
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
8 years ago