|
459 | 459 | FontSize="{DynamicResource MediumFontSize}" |
460 | 460 | Text="{Binding SubTitle}" |
461 | 461 | TextColor="{DynamicResource PrimaryTextColor}" |
462 | | - LineBreakMode="WordWrap" /> |
| 462 | + LineBreakMode="TailTruncation" |
| 463 | + MaxLines="3" /> |
463 | 464 | </VerticalStackLayout> |
464 | 465 | <!-- Language label and music icon --> |
465 | | - <Grid Grid.Row="2" |
| 466 | + <HorizontalStackLayout Grid.Row="2" |
466 | 467 | Grid.Column="0" |
467 | 468 | Margin="0,8,0,0" |
468 | | - ColumnSpacing="{DynamicResource PaddingSmall}" |
| 469 | + Spacing="6" |
469 | 470 | HorizontalOptions="Fill" |
470 | 471 | VerticalOptions="Start"> |
471 | | - <Grid.ColumnDefinitions> |
472 | | - <ColumnDefinition Width="*" /> |
473 | | - <ColumnDefinition Width="Auto" /> |
474 | | - </Grid.ColumnDefinitions> |
475 | 472 | <!-- Language text --> |
476 | | - <Label Grid.Column="0" |
477 | | - HorizontalOptions="Start" |
| 473 | + <Label HorizontalOptions="Start" |
478 | 474 | HorizontalTextAlignment="Start" |
479 | 475 | FontSize="{DynamicResource StandardFontSize}" |
480 | 476 | Text="{Binding Language}" |
481 | 477 | TextColor="{DynamicResource TextPrimaryColor}" |
482 | 478 | IsVisible="{Binding Language, Converter={StaticResource isStringNotEmptyConverter}}" |
483 | 479 | VerticalOptions="Start" |
484 | 480 | LineBreakMode="WordWrap" /> |
485 | | - <!-- Music icon (right aligned) --> |
486 | | - <Label Grid.Column="1" |
487 | | - HorizontalOptions="End" |
488 | | - VerticalOptions="Center" |
| 481 | + <!-- Music icon (next to language) --> |
| 482 | + <Label HorizontalOptions="Start" |
| 483 | + VerticalOptions="Start" |
489 | 484 | FontFamily="{x:Static fn:FontFileResources.FontAwesomeSolid}" |
490 | 485 | FontSize="{DynamicResource MediumFontSize}" |
491 | 486 | Text="{x:Static fn:GlyphNames.Music}" |
492 | 487 | TextColor="{DynamicResource PrimaryTextColor}" |
493 | 488 | Opacity="0.8" |
494 | 489 | IsVisible="{Binding MusicEnabled, Mode=OneWay}" |
495 | 490 | InputTransparent="True" /> |
496 | | - </Grid> |
| 491 | + </HorizontalStackLayout> |
497 | 492 | </Grid> |
498 | 493 | </FlexLayout> |
499 | 494 | </Border> |
|
0 commit comments