fix: add background to active tab

HejdaJakub · xkostka2 · commit 00b9eefd9985 · 2023-06-23T14:42:58.000+02:00
* Added light gray background to active mat-tab.
diff --git a/apps/admin-gui/src/_styles.scss b/apps/admin-gui/src/_styles.scss
@@ -1708,6 +1708,10 @@ table .mdc-text-field--outlined {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
 
+.mat-mdc-tab.mdc-tab--active {
+  background-color: #e8e4e4;
+}
+
 .mdc-data-table__cell {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
diff --git a/apps/password-reset/src/_styles.scss b/apps/password-reset/src/_styles.scss
@@ -171,6 +171,10 @@ mat-form-field mat-icon {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
 
+.mat-mdc-tab.mdc-tab--active {
+  background-color: #e8e4e4;
+}
+
 .mdc-data-table__cell {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
diff --git a/apps/publications/src/_styles.scss b/apps/publications/src/_styles.scss
@@ -430,6 +430,10 @@ mat-form-field mat-icon {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
 
+.mat-mdc-tab.mdc-tab--active {
+  background-color: #e8e4e4;
+}
+
 .mdc-data-table__cell {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
diff --git a/apps/user-profile/src/_styles.scss b/apps/user-profile/src/_styles.scss
@@ -329,6 +329,10 @@ mat-list-item .mat-mdc-form-field-subscript-wrapper {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }
 
+.mat-mdc-tab.mdc-tab--active {
+  background-color: #e8e4e4;
+}
+
 .mdc-data-table__cell {
   border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
 }

Original file line number	Diff line number	Diff line change
`@@ -1708,6 +1708,10 @@ table .mdc-text-field--outlined {`
`1708`	`1708`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`1709`	`1709`	`}`
`1710`	`1710`
	`1711`	`+.mat-mdc-tab.mdc-tab--active {`
	`1712`	`+ background-color: #e8e4e4;`
	`1713`	`+}`
	`1714`	`+`
`1711`	`1715`	`.mdc-data-table__cell {`
`1712`	`1716`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`1713`	`1717`	`}`
Original file line number	Diff line number	Diff line change
`@@ -171,6 +171,10 @@ mat-form-field mat-icon {`
`171`	`171`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`172`	`172`	`}`
`173`	`173`
	`174`	`+.mat-mdc-tab.mdc-tab--active {`
	`175`	`+ background-color: #e8e4e4;`
	`176`	`+}`
	`177`	`+`
`174`	`178`	`.mdc-data-table__cell {`
`175`	`179`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`176`	`180`	`}`
Original file line number	Diff line number	Diff line change
`@@ -430,6 +430,10 @@ mat-form-field mat-icon {`
`430`	`430`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`431`	`431`	`}`
`432`	`432`
	`433`	`+.mat-mdc-tab.mdc-tab--active {`
	`434`	`+ background-color: #e8e4e4;`
	`435`	`+}`
	`436`	`+`
`433`	`437`	`.mdc-data-table__cell {`
`434`	`438`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`435`	`439`	`}`
Original file line number	Diff line number	Diff line change
`@@ -329,6 +329,10 @@ mat-list-item .mat-mdc-form-field-subscript-wrapper {`
`329`	`329`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`330`	`330`	`}`
`331`	`331`
	`332`	`+.mat-mdc-tab.mdc-tab--active {`
	`333`	`+ background-color: #e8e4e4;`
	`334`	`+}`
	`335`	`+`
`332`	`336`	`.mdc-data-table__cell {`
`333`	`337`	`border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;`
`334`	`338`	`}`