data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: fix hand cursor on non-tappable status (#955)

Browse source 
fixes #951
This commit is contained in:
Nolan Lawson 2019-02-09 17:31:24 -08:00 committed by GitHub
parent 135fb24873
commit 9cb15a3396
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/_components/status/Status.html
View file

@ -43,7 +43,6 @@
<style> <style>
.status-article { .status-article {
cursor: pointer;
max-width: calc(100vw - 40px); max-width: calc(100vw - 40px);
padding: 10px 20px; padding: 10px 20px;
display: grid; display: grid;
@ -62,6 +61,10 @@
grid-template-rows: repeat(8, max-content); grid-template-rows: repeat(8, max-content);
} }
.status-article.tap-on-status {
cursor: pointer;
}
.status-article.status-in-timeline { .status-article.status-in-timeline {
width: 560px; width: 560px;
border-bottom: 1px solid var(--main-border); border-bottom: 1px solid var(--main-border);
@ -269,13 +272,14 @@
status.reblog || status.reblog ||
timelineType === 'pinned' timelineType === 'pinned'
), ),
className: ({ visibility, timelineType, isStatusInOwnThread, active, $underlineLinks }) => (classname( className: ({ visibility, timelineType, isStatusInOwnThread, active, $underlineLinks, $disableTapOnStatus }) => (classname(
'status-article', 'status-article',
visibility === 'direct' && 'status-direct', visibility === 'direct' && 'status-direct',
timelineType !== 'search' && 'status-in-timeline', timelineType !== 'search' && 'status-in-timeline',
isStatusInOwnThread && 'status-in-own-thread', isStatusInOwnThread && 'status-in-own-thread',
active && 'status-active', active && 'status-active',
$underlineLinks && 'underline-links' $underlineLinks && 'underline-links',
!$disableTapOnStatus && 'tap-on-status'
)), )),
content: ({ originalStatus }) => originalStatus.content || '', content: ({ originalStatus }) => originalStatus.content || '',
showContent: ({ spoilerText, spoilerShown }) => !spoilerText || spoilerShown, showContent: ({ spoilerText, spoilerShown }) => !spoilerText || spoilerShown,