From fc8a7d50b5534a77b108bfe08a546c9441b1c0ce Mon Sep 17 00:00:00 2001
From: ganga satish kumar <skganga@bajajauto.co.in>
Date: Sun, 13 Mar 2022 12:55:01 +0530
Subject: [PATCH] notices

---
 src/app/apply-leave/apply-leave.component.ts |   2 +-
 src/app/notices/notices.component.html       |   6 +-
 src/app/notices/notices.component.scss       | 119 +++++++++----------
 3 files changed, 59 insertions(+), 68 deletions(-)

diff --git a/src/app/apply-leave/apply-leave.component.ts b/src/app/apply-leave/apply-leave.component.ts
index 80aa5fb9..e92d5f78 100644
--- a/src/app/apply-leave/apply-leave.component.ts
+++ b/src/app/apply-leave/apply-leave.component.ts
@@ -44,7 +44,7 @@ export class ApplyLeaveComponent implements OnInit {
   }
 
   onReviewSubmit():void{
-    this.router.navigate(['flexiLeave']);
+    this.router.navigate(['flexi']);
   }
 
   selectLeave(type:any):void{
diff --git a/src/app/notices/notices.component.html b/src/app/notices/notices.component.html
index 5d892379..afa563bf 100644
--- a/src/app/notices/notices.component.html
+++ b/src/app/notices/notices.component.html
@@ -2,19 +2,15 @@
     <div class="header_section">
         <img class="logo" src="assets/images/bajaj_header.png"/>
     </div>
-    <div class="align-middle">
+    <div class="align-middle title">
         <p class="txt-content font-body-xsmall-bold">{{languageConstants.notices}}</p>
     </div>
     <div class="flex-row align-middle seperator">
-        <!-- -<input type="text" id="leaveType"
-        formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="Leave Type" value=""/> -->
         <div class="customDropDown font-body-xsmall-bold medium-font">{{languageConstants.coronaVirus}}</div>
         <span class="down-arrow" *ngIf="expandDropDown" (click)="openCovidData()"><img class="bike-card-arrow-dropdown" src="assets/svg/arrow-up.svg"></span>
         <span class="down-arrow" *ngIf="!expandDropDown" (click)="openCovidData()"><img class="bike-card-arrow-dropdown" src="assets/svg/arrow-down.svg"></span>
     </div>
     <div *ngIf="expandDropDown" class="seperator imageDropDown">
-        <!-- -<input type="text" id="leaveType"
-        formControlName="leaveType" class="user-input font-body-xsmall-bold" placeholder="Leave Type" value=""/> -->
         <span class="down-arrow" (click)="openCovidData()"><img class="bike-card-arrow-dropdown" [src]="covidPath"></span>
     </div>
     <div class="flex-row align-middle seperator">
diff --git a/src/app/notices/notices.component.scss b/src/app/notices/notices.component.scss
index 59dfb42f..4b8f79db 100644
--- a/src/app/notices/notices.component.scss
+++ b/src/app/notices/notices.component.scss
@@ -1,62 +1,57 @@
-@import '../../styles.scss';
-#notices{
-    .header_section{
-        margin: 0 auto;
-        padding: 10%;
-        .logo{
-            width: 80%;
-            height: 80%;
-        }
-    }
-    .align-middle{
-        width: 85%;
-        margin: 0% auto;
-        text-align: center;
-        color: #0B5FA4;
-        // input[type=text]{
-        //     background-color: #FFFFFFA6;
-        // }
-        .customDropDown{
-            background-color: #FFFFFFA6;
-            width: 90%;
-            height: 4rem;
-            // border-top-right-radius: 1.3rem;
-            // border-bottom-right-radius: 1.3rem;
-            border-radius: 0px 1.2rem 1.2rem 0px;
-            font-size: 1.2rem;
-            margin: 0;
-            text-align: left;
-            padding: 5% 2%;
-            word-wrap: break-word;
-            word-break: keep-all;
-            color: #0B5FA4;
-            font-weight: bold;
-        }
-        .medium-font{
-            font-size: 1rem !important;
-        }
-        .down-arrow{
-            padding: 5% 0%;
-            left: -11%;
-            position: relative;
-        }
-    }
-    .seperator{
-        margin-top: 2%;
-    }
-    .imageDropDown{
-        width: 85%;
-        margin:0% auto;
-        .transition-image{
-            width: 100%;
-            height: 100%;
-            background: red;
-            transition: height 2s;
-            -webkit-transition: opacity 1s ease-in-out;
-            -moz-transition: opacity 1s ease-in-out;
-            -o-transition: opacity 1s ease-in-out;
-            transition: opacity 1s ease-in-out;
-        }
-    }
-}
-
+.header_section {
+    margin: 0 auto;
+    padding: 10%;
+}
+.header_section .logo {
+    width: 80%;
+    height: 80%;
+}
+.align-middle {
+    width: 85%;
+    margin: 0% auto;
+    text-align: center;
+    color: #0b5fa4;
+}
+.align-middle .customDropDown {
+    background-color: #fff;
+    width: 90%;
+    height: 4rem;
+    border-radius: 0px 1.2rem 1.2rem 0px;
+    font-size: 1.2rem;
+    margin: 0;
+    text-align: left;
+    padding: 5% 2%;
+    word-wrap: break-word;
+    word-break: keep-all;
+    color: #0b5fa4;
+    font-weight: bold;
+}
+.align-middle .medium-font {
+    font-size: 1rem !important;
+}
+.align-middle .down-arrow {
+    padding: 5% 0%;
+    left: -11%;
+    position: relative;
+}
+.seperator {
+    margin-top: 2%;
+}
+.imageDropDown {
+    width: 85%;
+    margin: 0% auto;
+}
+.imageDropDown .transition-image {
+    width: 100%;
+    height: 100%;
+    background: red;
+    transition: height 2s;
+    -webkit-transition: opacity 1s ease-in-out;
+    -moz-transition: opacity 1s ease-in-out;
+    -o-transition: opacity 1s ease-in-out;
+    transition: opacity 1s ease-in-out;
+}
+.title {
+    text-align: center;
+    color: #0b5fa4;
+}
\ No newline at end of file