-
Notifications
You must be signed in to change notification settings - Fork 200
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
Apply timetable item(session) detail design roughly #85
Apply timetable item(session) detail design roughly #85
Conversation
Thanks. I'll take a look shortly! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Additional comment🙏
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
renamed directory to enable the use of vector images
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice!
modifier: Modifier = Modifier, | ||
) { | ||
// TODO: switch color according to room type | ||
TopAppBar( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm not using LargeTopAppBar. Implementing this on the title would disrupt the layout. So, I implemented to TimeTableItemDetailHeadline 🙇
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
TopAppBar( | ||
modifier = modifier, | ||
colors = TopAppBarDefaults.topAppBarColors().copy( | ||
containerColor = Color(0xFF132417), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I haven't implemented the logic to switch colors based on room type 🙇
hardcoded the color for Arctic Fox...
@Composable | ||
@MultiThemePreviews | ||
@MultiLanguagePreviews | ||
fun TimetableItemDetailTopAppBarUnSelectablePreview() { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yeah, I know this problem. You can refer to https://speakerdeck.com/ogi2ogi/get-started-with-compose-multiplatform?slide=24 for more information.
There are some solutions, but generally, we can't see the preview using Android Studio with commonMain.
I recommend running ./gradlew recordRoborazziDebug and using the Roborazzi Idea Plugin.
You can find it here: https://plugins.jetbrains.com/plugin/24561-roborazzi
Modifier.padding( | ||
top = innerPadding.calculateTopPadding(), | ||
), | ||
LazyColumn( |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍
Text( | ||
text = "続きを読む", | ||
style = MaterialTheme.typography.labelLarge, | ||
color = Color(0xFF45E761), |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's OK to merge this but could you add comments for each Colors that we could fix this after?
// FIXME: Implement and use a theme color instead of fixed colors like RoomColors.primary and RoomColors.primaryDim
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Understood. I handled it with this PR 🙇
#90
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks great! I believe this is definitely better than what we had before!
Issue
Overview (Required)
Links
Screenshot (Optional if screenshot test is present or unrelated to UI)
Movie (Optional)
2024-07-02.23.41.01.mov
2024-07-02.23.42.14.mov