discourse/app/assets/stylesheets/mobile
Rafael dos Santos Silva ab58b0cffe
FIX: Better virtual keyboard detect on Android (#18298)
* FIX: Better virtual keyboard detect on Android

Firefox has a bug where *sometimes* the visualViewport.height won't be
updated when the keyboard pops up until you scroll, making our composer
stay hidden behind the keyboard. This commit uses both window.innerHeight
and  window.visualViewport.height using the minimum of both to check for
height changes.

For Chrome/Edge we feature detect the new VirtualKeyboard API and
opt-into it when the composer opens and use it to detect if a keyboard
is being draw. Opting into the API changes how the viewport is
calculated so we have to also change how the full height composer is
calculated. To minimize breakage we opt-out when the composer component
is destroyed.

This commit also moves the `--composer-ipad-padding` to only happen on
iPads.

Bug report at https://meta.discourse.org/t/-/228382
2022-09-26 17:35:58 -03:00
..
components DEV: Add additional outlet to user-card next to message button (#16300) 2022-03-28 11:56:43 -05:00
select-kit UX: Improve max-height value on toolbar popup menu (#18030) 2022-08-29 12:59:35 -07:00
_index.scss DEV: Mobile layout support for experimental user nav (#18308) 2022-09-22 09:45:50 +08:00
admin_badges.scss General admin style cleanup 2019-10-04 13:25:54 -04:00
admin_customize.scss DEV: Clean up some styles (#14374) 2021-09-20 09:52:03 -04:00
admin_report_counters.scss
admin_report_table.scss DEV: allows reports to display an html title (#12687) 2021-04-22 13:38:10 +02:00
admin_report.scss
admin_reports.scss FIX: IE11 layout glitches 2019-01-21 13:40:55 -05:00
alert.scss FEATURE: update bootstrap mode notice to add invite and wizard links (#17822) 2022-08-10 00:13:42 +05:30
buttons.scss Mobile SCSS cleanup and removing unused styles 2019-01-23 14:36:53 -05:00
compose.scss FIX: Better virtual keyboard detect on Android (#18298) 2022-09-26 17:35:58 -03:00
dashboard.scss UX: Styling adjustments for admin new features (#12189) 2021-02-23 11:58:20 -05:00
directory.scss FEATURE: Add group filter to user directory (#13330) 2021-06-08 13:20:08 -05:00
discourse.scss UX: Make Sidebar more consistent with user menu on mobile (#17940) 2022-08-16 13:45:32 +08:00
edit-category.scss Add category breadcrumbs to edit category page (#13126) 2021-05-25 13:40:11 -05:00
emoji.scss UX: Larger images in mobile emoji picker (#17013) 2022-06-07 12:00:09 -04:00
group.scss UX: Fix tab groups editing layout issues on mobile (#14329) 2021-09-14 09:55:40 -04:00
header.scss UX: truncate site text titles in a cleaner way (#18335) 2022-09-23 10:19:44 +08:00
history.scss UX: History controls should use nav-pill styles (#13904) 2021-07-30 19:52:15 -04:00
lightbox.scss FEATURE: automatic dark mode (#10341) 2020-08-03 22:57:10 -04:00
login.scss UX: fix various login modal issues on mobile (#16708) 2022-05-11 14:36:27 +10:00
menu-panel.scss FIX: Sidebar scroll fade on older iOS (#18299) 2022-09-21 09:03:40 +10:00
modal.scss DEV: select-kit third major update with focus on accessibility (#13303) 2021-08-23 10:44:19 +02:00
new-user.scss DEV: Mobile layout support for experimental user nav (#18308) 2022-09-22 09:45:50 +08:00
personal-message.scss FEATURE: New style for personal messages (#13800) 2021-07-21 10:41:04 -04:00
push-notifications-mobile.scss
reviewables.scss UX: Fix date input display in iOS (#14307) 2021-09-10 15:13:45 -04:00
ring.scss
search.scss UX: Fix topic status icon size in mobile search results (#15251) 2021-12-09 14:32:12 -05:00
tagging.scss FEATURE: ability to add description to tags (#15125) 2021-12-01 09:18:56 +11:00
topic-list.scss UX: add bulk-select to mobile topic lists (#15386) 2022-07-26 15:36:35 -04:00
topic-post.scss UX: add border-box to stop padding from overflow (#17391) 2022-07-08 10:31:28 -04:00
topic.scss UX: fix topic admin menu layout for short screens (#16565) 2022-04-26 10:27:45 -04:00
upload.scss FEATURE: use native file picker in composer (#13552) 2021-06-30 12:45:47 +04:00
user-badges.scss UX: Improve user profile header layout on mobile 2019-03-20 14:56:34 -04:00
user.scss UX: Change layout of invites page to match other user pages (#14520) 2021-10-05 15:30:31 -05:00