github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-16 05:53:11 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: Add isTablet to capabilities service (#30562)

Browse Source 
We already had isIpadOS, but for some themes and components
we really need to do different things if the user is on
a tablet, including Android tablets.

isTablet and isTabletScreen have been introduced to the
capabilities service.

isTablet is true if the screen size is a tablet, touch
is detected, or we have already detected iPad OS, or
the device matches tablet UAs

isTabletScreen checks both portrait and landscape dimensions
of 1280x600 which should cover most cases.
This commit is contained in:
Martin Brennan 2025-01-06 11:28:38 +10:00 committed by GitHub
parent 8be29694ec
commit 02113fc22a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/javascripts/discourse/app/services/capabilities.js
View File

@ -9,6 +9,14 @@ class Capabilities {
isAndroid = ua.includes("Android"); isAndroid = ua.includes("Android");
isWinphone = ua.includes("Windows Phone"); isWinphone = ua.includes("Windows Phone");
isIpadOS = ua.includes("Mac OS") && !/iPhone|iPod/.test(ua) && this.touch; isIpadOS = ua.includes("Mac OS") && !/iPhone|iPod/.test(ua) && this.touch;
isTabletScreen =
this.touch &&
((window.innerWidth >= 600 && window.innerWidth <= 1280) ||
(window.innerHeight >= 600 && window.innerHeight <= 1280));
isTablet =
this.isTabletScreen ||
this.isIpadOS ||
/iPad|Android(?!.*Mobile)|Tablet/.test(ua);
isIOS = (/iPhone|iPod/.test(ua) || this.isIpadOS) && !window.MSStream; isIOS = (/iPhone|iPod/.test(ua) || this.isIpadOS) && !window.MSStream;
isApple = isApple =