remove TODOs from migrations

Author: arnavbhate

src/app/card/body-card/body-card.component.css

@@ -1,5 +1,3 @@
-
-/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 mat-card {
-    background-color: transparent;
+  background-color: transparent;
 }

src/app/card/event-card/event-card.component.css

@@ -1,12 +1,10 @@
-
-/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 mat-card {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 #subtitle {
-    max-width: 85%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+  max-width: 85%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }

src/app/card/interest-card/interest-card.component.css

@@ -1,72 +1,70 @@
-
-/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 mat-card {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 #subtitle {
-    max-width: 85%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
+  max-width: 85%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
-
 div.card {
-    padding: 10px;
-    padding-bottom: 8px;
-    width: 100%;
+  padding: 10px;
+  padding-bottom: 8px;
+  width: 100%;
 }
-.fixed-bottom{
-    align-self: flex-end;
-    align-content: right;
+.fixed-bottom {
+  align-self: flex-end;
+  align-content: right;
 }
 
 table.card-table {
-    table-layout: fixed;
-    width: 100%;
+  table-layout: fixed;
+  width: 100%;
 }
 
 .avatar {
-    width: 50px;
+  width: 50px;
 }
 
-.close{
-    scale: 0.5;
-    color: red;
+.close {
+  scale: 0.5;
+  color: red;
 }
 
 .avatar img {
-    height: 50px;
-    width: 50px;
-    background: url('/assets/lotus_placeholder.png') no-repeat;
-    background-size: contain;
+  height: 50px;
+  width: 50px;
+  background: url("/assets/lotus_placeholder.png") no-repeat;
+  background-size: contain;
 }
 
 div.content {
-    margin: 0;
-    margin-left: 5px;
-    font-size: 0.9em;
-    width: 100%;
+  margin: 0;
+  margin-left: 5px;
+  font-size: 0.9em;
+  width: 100%;
 }
 
 div.content p {
-    margin: 0.3em 0;
-    width: calc(100% - 2em);
+  margin: 0.3em 0;
+  width: calc(100% - 2em);
 }
 
 .card-sub-title {
-    color: gray;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+  color: gray;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .badge {
-    width: 30px;
-    padding-right: 5px;
+  width: 30px;
+  padding-right: 5px;
 }
 
 .badge img {
-    height: 20px; width: 20px;
+  height: 20px;
+  width: 20px;
 }

src/app/card/post-card/post-card.component.css

@@ -1,13 +1,11 @@
-
-/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 mat-card {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 #subtitle {
-    max-width: 85%;
-    height:fit-content;
-    white-space: normal;
-    overflow: hidden;
-    word-wrap: break-word;
-}
+  max-width: 85%;
+  height: fit-content;
+  white-space: normal;
+  overflow: hidden;
+  word-wrap: break-word;
+}

src/app/card/user-card/user-card.component.css

@@ -1,10 +1,8 @@
-
-/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
 mat-card {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .disabled {
-    cursor: default;
-    pointer-events: none;
+  cursor: default;
+  pointer-events: none;
 }

src/theme.scss

@@ -1,13 +1,6 @@
 @use "sass:map";
 @use '@angular/material' as mat;
-// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
-//  The following line adds:
-//    1. Default typography styles for all components
-//    2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
-//  If you specify typography styles for the components you use elsewhere, you should delete this line.
-//  If you don't need the default component typographies but still want the hierarchy styles,
-//  you can delete this line and instead use:
-//    `@include mat.legacy-typography-hierarchy(mat.define-typography-config());`
+
 @include mat.all-component-typographies();
 @include mat.elevation-classes();
 @include mat.app-background();