0 && direction == 'en'? 'work-list-container' : 'work-list-container-ar'" *ngIf='selectedFilter != "ITG"'>
-
{{formattedData.date}}
+
{{formattedData.date}}
diff --git a/Mohem/src/app/notification/home/home.component.scss b/Mohem/src/app/notification/home/home.component.scss
index cbc9e358..a8b8716b 100644
--- a/Mohem/src/app/notification/home/home.component.scss
+++ b/Mohem/src/app/notification/home/home.component.scss
@@ -328,6 +328,24 @@ left: 30px;
top: 15px;
background-color: #dddddd;
}
+.work-list-container-ar {
+ position: relative;
+ padding-left: 60px;
+ clear: both;
+ min-height: 200px;
+ margin-bottom: 80px;
+ padding-top: 15px;
+ }
+ .work-list-container-ar:before{
+ content: "";
+ position: absolute;
+ height: 100%;
+ width: 4px;
+ left: 30px;
+ top: 15px;
+ right: 6px;
+ background-color: #dddddd;
+ }
.search-container{
margin-top: 15px;
display: block;
@@ -366,6 +384,27 @@ height: 15px;
background-color: #38c9b3;
top: 1px;
}
+
+.date-span-ar{
+ position: relative;
+ display: block;
+ margin-bottom: 10px;
+ /* margin-top: 10px; */
+ margin-right: 30px;
+ }
+ .date-span-ar:before{
+ content: "";
+ position: absolute;
+ right: -29px;
+ border-radius: 50%;
+ width: 15px;
+ height: 15px;
+ background-color: #38c9b3;
+ top: 1px;
+ }
+
+
+
.date-data{
background-color: white;
padding: 1px;
diff --git a/Mohem/src/app/notification/home/home.component.ts b/Mohem/src/app/notification/home/home.component.ts
index d6ce2003..c927bb56 100644
--- a/Mohem/src/app/notification/home/home.component.ts
+++ b/Mohem/src/app/notification/home/home.component.ts
@@ -47,7 +47,8 @@ export class HomeComponent implements OnInit {
public noData = false;
public isITG = false;
public isSearch = false;
- public direction = 'ltr';
+ // public direction = 'ltr';
+ public direction: string;
public ITGCount = 0;
public ITGSegment: {name: string, code: any, data: any, style: boolean} [] = [];
public ITGAllItem: any = [];