Merge pull request #3162 from JaySoni1/WEB-729-improve-pending-tasks-text-visibility-in-dark-mode
WEB-729 Improve Pending Tasks text visibility in dark mode
This commit is contained in:
@@ -9,7 +9,7 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<mat-card class="tasks-card">
|
<mat-card class="tasks-card">
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<div class="card-heading">{{ 'labels.heading.Pending Tasks' | translate }}</div>
|
<div class="card-heading pending-tasks-heading">{{ 'labels.heading.Pending Tasks' | translate }}</div>
|
||||||
<mat-divider></mat-divider>
|
<mat-divider></mat-divider>
|
||||||
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
|
<nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
|
||||||
<a
|
<a
|
||||||
|
|||||||
@@ -13,6 +13,11 @@
|
|||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:host-context(.dark-theme) .pending-tasks-heading {
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: 0 1px 4px rgb(0 0 0 / 70%);
|
||||||
|
}
|
||||||
|
|
||||||
mat-divider {
|
mat-divider {
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user