about summary refs log tree commit diff
path: root/app/javascript/styles/components.scss
AgeCommit message (Collapse)Author
2017-09-24Change mobile layout breakpoint from 1024px to 630px (#5063)Eugen Rochko
630px = Drawer + 1 Column
2017-09-24Dropdown triangles a bit nicer, smoother scrolling on touch (#5062)Eugen Rochko
2017-09-24Fix media gallery CSS (#5064)Eugen Rochko
2017-09-23Fix overflowing tabs in account__action-bar (#5056)Lynx Kotoura
* Fix numbers in accounts columns * Support edge compact-header
2017-09-23Add emoji autosuggest (#5053)Eugen Rochko
* Add emoji autosuggest Some credit goes to glitch-soc/mastodon#149 * Remove server-side shortcode->unicode conversion * Insert shortcode when suggestion is custom emoji * Remove remnant of server-side emojis * Update style of autosuggestions * Fix wrong emoji filenames generated in autosuggest item * Do not lazy load emoji picker, as that no longer works * Fix custom emoji autosuggest * Fix multiple "Custom" categories getting added to emoji index, only add once
2017-09-23Add custom emojis to the emoji picker (#5052)Eugen Rochko
2017-09-23Switch from EmojiOne to Twemoji, different emoji picker (#5046)Eugen Rochko
* Switch from EmojiOne to Twemoji, different emoji picker * Make emoji-mart use a local spritesheet * Fix emojify test * yarn manage:translations
2017-09-22Make dropdowns render into portal, expand animation (#5018)Eugen Rochko
* Make dropdowns render into portal, expand animation * Improve actions modal style
2017-09-20Remove unnecessary css property (#5025)TomoyaShibata
2017-09-20Fix custom emojis with non-1:1 aspect ratio being stretched (#5017)Eugen Rochko
2017-09-18Add will-change to improve scrolling perf (#5001)Nolan Lawson
2017-09-14Give video player fluid max-width (#4935)Eugen Rochko
2017-09-14Redesign video player (#4911)Eugen Rochko
* Redesign video player * Use new video player on static public pages too * Use media gallery component on static public pages too * Pause video when hiding it * Full-screen sizing on WebKit * Add aria labels to video player buttons * Display link card on public status page * Fix fullscreen from modal sizing issue * Remove contain: strict property to fix fullscreen from columns
2017-09-07Use <button> instead of <div role="button"> (#4835)PFM
2017-09-06Add Smartphone screen favourite back button and adjust styles (#4813)voidSatisfaction
* Feat add get-back button on favourite columnHeader * Style adjust nice looking get-back button * Fix delete media query and add padding right * fix: restore padding and add lastchild style for back-button
2017-09-06fix text position of NSFW for video file (#4819)PFM
2017-09-05Adjust status embeds (#4808)Lynx Kotoura
* Adjust status embeds Adjust styles of embed code. Adjust styles of embed pages. Fix overflow of embed-modal. * Remove trailing whitespace * Using width from the variable
2017-09-02fix text position of NSFW in Safari (Mac/iPhone) (#4570)PFM
2017-09-02Add text color style for noscript link (#4772)Yamagishi Kazutoshi
2017-09-01Make PreviewCard records reuseable between statuses (#4642)Eugen Rochko
* Make PreviewCard records reuseable between statuses **Warning!** Migration truncates preview_cards tablec * Allow a wider thumbnail for link preview, display it in horizontal layout (#4648) * Delete preview cards files before truncating * Rename old table instead of truncating it * Add mastodon:maintenance:remove_deprecated_preview_cards * Ignore deprecated_preview_cards in schema definition * Fix null behaviour
2017-08-31Embed modal (#4748)Eugen Rochko
* Embed modal * Proxy OEmbed requests from web UI
2017-08-28Adjust "signed in as" pages (#4720)Lynx Kotoura
* Adjust "signed in as" pages Fix min-width Set width of .account-header .name To apply text-overflow and overflow settings Set overflow for detailed-status__display-name * Remove trailing whitespace
2017-08-26Set margin between character-counter and compose-form__buttons (#4698)Lynx Kotoura
For some languages publish translation is long.
2017-08-21Fix visual line-break glitch with .invisible parts of links (#4655)Eugen Rochko
2017-08-10Fix emoji picker scrollbar style (#4572)Yamagishi Kazutoshi
2017-08-07feat: Cache status height to avoid expensive renders (#4439)Sorin Davidoi
* feat: Cache status height to avoid expensive renders * feat: Escape content and emojify in reducers * fix(css): Remove backface-visibility: hidden from .scrollable * fix(statuses): Avoid creating DOMParses inside a loop
2017-08-02Fix column-back-button style for some browsers (#4484)unarist
Use `text-align: unset` instead of `text-align: start` which Edge doesn't support for now. Also remove default margin on Safari.
2017-08-01Re-add outline (#4474)Yamagishi Kazutoshi
* Re-add outline * respect default of web browser
2017-07-31Fix button overflow on confirmation modal for mobile (#4465)unarist
2017-07-31Disable sensitive button when with content warnings (#4460)Yamagishi Kazutoshi
2017-07-31Improve accessibility (part 7) (#4457)Sorin Davidoi
* fix(media_modal): Keyboard navigation * fix(column_back_button): Use native button * fix(media_gallery): Keyboard navigation * fix(status_content): Make CW content focusable
2017-07-30Remove outline from focused toot (#4448)Yamagishi Kazutoshi
* Remove outline from focused toot * change style
2017-07-28Improve actions modal style (#4423)Eugen Rochko
2017-07-28fix(actions-modal): Inconsistent margins (#4418)Sorin Davidoi
2017-07-27fix(dropdown_menu): Open as modal on mobile (#4295)Sorin Davidoi
* fix(dropdown_menu): Open as modal on mobile * fix(dropdown_menu): Open modal on touch * fix(dropdown_menu): Show status * fix(dropdown_menu): Max dimensions and reduce padding * chore(dropdown_menu): Test new functionality * refactor: Use DropdownMenuContainer instead of DropdownMenu * feat(privacy_dropdown): Open as modal on touch devices * feat(modal_root): Do not load actions-modal async
2017-07-26Improve accessibility (part 2) (#4377)Sorin Davidoi
* fix(column_header): Invalid ARIA role * fix(column): Remove hidden nodes from the DOM * refactor(column_link): Remove unused property hideOnMobile * fix(column_header): Use aria-pressed * fix(column_header): Make collapsed content not focusable, add focusable property * fix(column_loading): Make header non-focusable * fix(column_settings): Use role to group the toggles
2017-07-25fix(getting_started): No scrollbar if not needed (#4350)Sorin Davidoi
2017-07-24Improve remote profile disclaimer (#4342)Eugen Rochko
* Improve remote profile disclaimer * yarn run manage:translations
2017-07-24Redesign extended information page (#4322)Eugen Rochko
* Redesign extended information page * Remove unused keys * Add $ui-base-lighter-color variable to SCSS
2017-07-23Add background to media modal (#4317)Eugen Rochko
2017-07-23Add loading indicator animation (#4316)Eugen Rochko
2017-07-23Improve noscript message and style (#4315)Eugen Rochko
2017-07-23fix(getting_started): Scroll on mobile (#4312)Sorin Davidoi
2017-07-21feat(compose): Change media query for compact mode to max-height: 400px (#4291)Sorin Davidoi
2017-07-21feat(compose): More space on mobile devices (#4282)Sorin Davidoi
* feat(compose): More space on mobile devices * feat(compose): Hide navigation when typing on mobile devices * fix(compose): Make animation faster * fix(navigation_bar): Remove hardcoded title * fix(compose): Prevent accidental bluring * fix(compose): Increase max-height to 600px
2017-07-20feat(css): Remove border radius from WebKit's scrollbars (#4278)Sorin Davidoi
2017-07-16Fix style settings for images in media modal (#4220)Lynx Kotoura
* Shrink too wide single image modal Fix too wide react-swipeable-view-container Fix 0067f80 shrinking all react-swipeable-view-container Change to apply max-width of react-swipeable-view-container only under media-modal. Fix b30b03b just a typo * Centering contents in image-loader Centering small img, canvas, and video in image-loader.
2017-07-14Small style fixes (#4206)Sorin Davidoi
* fix(components/media_modal): Center horizontally in Firefox * fix(components/status_list): Do not remove load more button
2017-07-14Fix #4149, fix #1199 - Store emojis as unicode (#4189)Eugen Rochko
- Use unicode when selecting emoji through picker - Convert shortcodes to unicode when storing text input server-side - Do not convert shortcodes in JS anymore
2017-07-14Improve swiping (#4188)Sorin Davidoi
* feat(components/columns_area): Toggle animation settings * fix(components/media_modal): Center non-visible views * fix(components/media_modal): Check for null * refactor(columns_area): Better logic