me.component.scss 736 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. ion-content {
  2. height: calc(100vh - 121px) !important;
  3. }
  4. ion-item {
  5. ion-icon {
  6. margin-right: 9px;
  7. }
  8. font-size: 0.9rem;
  9. }
  10. .foodContent {
  11. display: -webkit-box;
  12. -webkit-box-orient: vertical;
  13. -webkit-line-clamp: 2;
  14. overflow: hidden;
  15. text-overflow: ellipsis;
  16. }
  17. .myList {
  18. padding: 0%;
  19. ion-list {
  20. margin: 0%;
  21. }
  22. }
  23. .roleCard {
  24. margin: 0px;
  25. }
  26. .metadata-end-wrapper {
  27. position: absolute;
  28. bottom: 0px;
  29. inset-inline-end: 6px;
  30. font-size: 0.6rem;
  31. display: flex;
  32. align-items: center;
  33. }
  34. .metadata-end-wrapper-science {
  35. position: absolute;
  36. top: 0px;
  37. inset-inline-end: 0px;
  38. font-size: 0.6rem;
  39. display: flex;
  40. align-items: center;
  41. }