Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enable to view conference day tab even if font size is large #741

Merged
merged 2 commits into from
Aug 23, 2024

Conversation

ked4ma
Copy link
Contributor

@ked4ma ked4ma commented Aug 22, 2024

Issue

  • no issue

Overview (Required)

  • As attached screenshots, conference day tab is not shown correctly if font size is changed.
  • Font was not set
  • layout was little bit far from figma's
  • If this pr is not fit to the app, please close 🙇

Links

Screenshot (Optional if screenshot test is present or unrelated to UI)

Before After

@github-actions github-actions bot temporarily deployed to deploygate-distribution August 22, 2024 18:42 Inactive
// calculate width from sp
// NOTE: 6 is a magic number here
((16.sp * 6) * fontScale).toDp()
}
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

TabRow try to use max width as much as possible, so we need to specify fixed width.
For this, calculating the width (dp) from sp using density.

text = text,
fontWeight = FontWeight.W400,
style = MaterialTheme.typography.titleMedium,
Copy link
Contributor Author

@ked4ma ked4ma Aug 22, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

attached font that is used for text components.

@ked4ma ked4ma marked this pull request as ready for review August 22, 2024 18:48
Copy link

Snapshot diff report

File name Image
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-13 - it s
hould show timetable
items for Conferenc
eDay2]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-12 - swit
ch to grid timetable
- it should show ti
metable items for Co
nferenceDay1]_compar
e.png
PreviewTimetableScre
enDark_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click timetab
le ui type change -
it should change tim
etable ui type]_comp
are.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-12 - it s
hould show timetable
items for Conferenc
eDay1]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current datet
ime is 2024-09-12 10
-30 - it should show
an indicator of the
current time at 10-
30]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - it should sho
w timetable items]_c
ompare.png
TimetableScreenTest[
TimetableScreen - wh
en device is tablet
- it should show tim
etable items]_compar
e.png
TimetableScreenTest[
TimetableScreen - wh
en server is down -
it should show error
message]_compare.pn
g
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click confere
nce day2 tab - it sh
ould change displaye
d day]_compare.png
PreviewTimetableDayT
ab_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-11 - it s
hould show timetable
items for Conferenc
eDay1]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - scroll timeta
ble - it should firs
t session is not dis
played]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click timetab
le ui type change -
click conference day
2 tab - it should ch
ange displayed day]_
compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current datet
ime is 2024-09-11 10
-00 - it should not
show an indicator of
the current time]_c
ompare.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-11 - swit
ch to grid timetable
- it should show ti
metable items for Co
nferenceDay1]_compar
e.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click timetab
le ui type change -
scroll timetable - i
t should first sessi
on is not displayed]
_compare.png
TimetableScreenTest[
TimetableScreen - wh
en the current datet
ime is 2024-09-13 11
-00 - it should show
an indicator of the
current time at 11-
00]_compare.png
TimetableScreenTest[
TimetableScreen - wh
en server is operati
onal - click first s
ession bookmark - it
should show bookmar
ked session]_compare
.png
TimetableScreenTest[
TimetableScreen - wh
en the current date
is 2024-09-13 - swit
ch to grid timetable
- it should show ti
metable items for Co
nferenceDay2]_compar
e.png
KaigiAppTest[KaigiAp
p - when app is star
ting - it should sho
w timetable items]_c
ompare.png

@github-actions github-actions bot temporarily deployed to deploygate-distribution August 23, 2024 00:43 Inactive
@takahirom
Copy link
Member

@r4wxii
I wanted to let you know that there are some changes to the tab. I think we have some room for improvement in the tab design. So, I'll merge this pull request.
#704

Copy link
Member

@takahirom takahirom left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Thank you for your contribution!

@takahirom takahirom merged commit b4fc4a0 into DroidKaigi:main Aug 23, 2024
6 checks passed
@ked4ma ked4ma deleted the feature/timetable-day-tab-size branch August 23, 2024 12:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants