Fix news page's tab buttons to include a separating line before conte…

…nt (CSCTTV-3972)
CSCfi · Sep 11, 2024 · 830f9cc · 830f9cc
1 parent 760e63b
commit 830f9cc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 16 deletions.
diff --git a/src/app/portal/components/news/news/news.component.html b/src/app/portal/components/news/news/news.component.html
@@ -43,6 +43,8 @@ <h1 class="col-12 col-lg-6 px-0" i18n="@@newsHeader">
       class="pt-lg-3"
     >
       <mat-tab i18n-label="@@latest" label="Uusimmat">
+        <div style='border-top: 1px solid rgba(120, 120, 120, 0.25)'></div>
+
         <h2 class="fw-bold px-3 mt-2" i18n="@@latest">Uusimmat</h2>
         <app-latest-news
           [mobile]="appSettingsService.mobileStatus | async"

diff --git a/src/migration-mdc.scss b/src/migration-mdc.scss
@@ -107,29 +107,15 @@ app-search-bar > div > div > div > form > div > div.input-group > button > span.
 // New's page's tab sizes
 #main-content > div > mat-tab-group > mat-tab-header {
   width: 325px;
-  // border-bottom: solid red 2px;
 }
 
-// New's page's horizontal line between tabs and content
-/*.mat-mdc-tab .mdc-tab__text-label {
-  border: 1px solid red;
-}*/
-
-// New's page's tab labels
-/*.mat-mdc-tab-labels {
-  color: black !important;
-  font-size: 14px;
-}*/
-
+// New's page's tab text
 .mat-mdc-tab .mdc-tab__text-label {
   color: black !important;
   font-size: 0.88rem;
+  font-weight: 500;
 }
 
-/*.mat-mdc-card-content {
-  padding: 0;
-}*/
-
 app-news-card mat-card-content p:last-child {
   margin-top: 0 !important;
 }