diff --git a/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss b/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss index 8cdb50a6..f80316ee 100644 --- a/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss +++ b/Mohem/src/app/absence/absence-confirm/absence-confirm.component.scss @@ -1,285 +1,298 @@ -.imgSize{ - position: absolute; - right: 15px; - top: 0; - bottom: 0; - margin: auto; - height:20px; - width:20px; +.imgSize { + position: absolute; + right: 15px; + top: 0; + bottom: 0; + margin: auto; + height: 20px; + width: 20px; } + .rowAH ion-col { - border: 1px solid #d9d9d9; - font-size: 13px; + border: 1px solid #d9d9d9; + font-size: 13px; } + .titleH { - font-size: 13px; - border: 1px solid #d9d9d9; - border-top-right-radius: 5px; - border-top-left-radius: 5px; - border-bottom: 0px; + font-size: 13px; + border: 1px solid #d9d9d9; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + border-bottom: 0px; } + .gridAH { - text-align: center; - padding: 5px 5px !important; - border-radius: 5px; + text-align: center; + padding: 5px 5px !important; + border-radius: 5px; } -ion-card-content.confirm-details{ - padding: 0; + +ion-card-content.confirm-details { + padding: 0; } -.confirm-details label{ - font-size: 13px; + +.confirm-details label { + font-size: 13px; } /****************** NEW Design ***************************************/ .footer-button { - border-radius: 2px; - padding: 0 1.1em; - min-height: 45px; - min-width: 200px; - } - + border-radius: 2px; + padding: 0 1.1em; + min-height: 45px; + min-width: 200px; +} + + + +.Header { + font-weight: bold; + color: #44A7A1 !important; + font-size: 10px; +} + +.tbData { + font-size: 10px; +} + +.btnBack { + background: transparent; + float: right; +} + +.attachmentDiv { + background: #ffffff; + height: auto; + text-align: center; + padding-top: 1px; + margin: 10px; + border-radius: 15px; + border: 1px solid grey; +} + +.noDataDiv { + background: #ffffff; + height: 11%; + text-align: center; + padding-top: 1px; + border-radius: 10px; + margin: 10px; + border-radius: 5px; +} + +.submitNote { + background: #ffffff; + height: 80px; + padding-top: 1px; + margin: 10px; + border-radius: 15px; + border: 1px solid grey; +} + +.approvalList { + --background: #f0efef; + height: auto; + text-align: center; + padding-top: 1px; + border-radius: 10px; + margin: 10px; + border-radius: 5px; +} + +/************************New Design**********************************/ +.notification-list { + background: none; + background: none; + border-radius: 32px; + + ion-item { + // margin-top: 5px; + // margin-bottom: 5px; + + background-color: transparent; + + .item-date { + width: 100%; + font-size: 16px; + font-weight: bold; + + text-align: start; + padding: 0; + margin: 0; + + position: absolute; + left: 0; + top: 12%; + } + + ion-label, + [item-end] { + + white-space: normal; + font-size: 14px; + padding-top: 15%; + // :root[dir="ltr"]{ + // margin-left: 10px; + // } + // :root[dir="rtl"]{ + // margin-right: 10px; + // } - - .Header { - font-weight: bold; - color: #1a586d !important; - font-size: 10px; - } - - .tbData { - font-size: 10px; - } - - .btnBack { - background: transparent; - float: right; - } - - .attachmentDiv{ - background: #ffffff; - height: auto; - text-align: center; - padding-top: 1px; - margin: 10px; - border-radius: 15px; - border: 1px solid grey; - } - - .noDataDiv{ - background: #ffffff; - height: 11%; - text-align: center; - padding-top: 1px; - border-radius: 10px; - margin: 10px; - border-radius: 5px; - } - .submitNote{ - background: #ffffff; - height: 80px; - padding-top: 1px; - margin: 10px; - border-radius: 15px; - border: 1px solid grey; - } - - .approvalList{ - --background: #f0efef; - height: auto; - text-align: center; - padding-top: 1px; - border-radius: 10px; - margin: 10px; - border-radius: 5px; - } - - /************************New Design**********************************/ - .notification-list{ - background: none; - background: none; - border-radius: 32px; - ion-item{ - // margin-top: 5px; - // margin-bottom: 5px; - - background-color: transparent; - .item-date{ - width: 100%; - font-size: 16px; - font-weight: bold; - - text-align: start; - padding: 0; - margin: 0; - - position: absolute; - left: 0; - top: 12%; - } - ion-label , [item-end]{ - - white-space: normal; - font-size: 14px; - padding-top: 15%; - // :root[dir="ltr"]{ - // margin-left: 10px; - // } - // :root[dir="rtl"]{ - // margin-right: 10px; - // } - - } - } - } - - - - - - - .timeline { - position: relative; - margin: 15px 0 0 0; - // border-bottom: solid 1px var(--cusgray); - } - - .timeline:before { - - content: ''; - position: inherit !important; - top: 0; - bottom: 0; - width: 4px; - // background: #e4e4e4; - z-index: 1; - left: 35px; - /* margin-left: -10px; */ - /* z-index: 1; */ - } - - .timeline .timeline-thumb { - - border-radius: 500px; - width: 70px !important; - z-index: 2; - position: absolute; - left: 0px; - // :root[dir="ltr"]{ - // left: 37px; - // } - // :root[dir="rtl"]{ - // right: 37px; - // } - float: right; - top: 9px; - } - - .timeline .timeline-thumb.timeline-icon { - height: 70px; - // text-align: center; - // color: white; - // border: 5px solid #CBD0D3; - // transform: scale(0.2); - } - - - - .timeline .timeline-item { - // width: 40px; - - } - - .timeline .timeline-stats { - position: relative; - font-size: 12px; - color: var(--darkgray); - - } - - .empImge{ - border-radius: 50%; - width:60px; - height: 60px; - border: #dedede solid 1px; - - } - .empImgeRep { - border-radius: 50% !important; - width: 80px; - height: 80px; - border: #dedede solid 1px; - } - - .line{ - padding-bottom:87px; - } - - .attachLable{ - position: absolute; - top: 0px; - z-index: 0; - background: #30b8c6; - color: #fff; - border-radius: 50%; - border: 0px; - width: 24px; - height: 24px; - text-align: center; - font-size: 5px; - } - - .removeLable{ - top: 0px; - z-index: 0; - background: #d8252d; - color: #fff; - border-radius: 50%; - border: 0px; - width: 20px; - height: 20px; - text-align: center; - font-size: 5px; - } - - .note-modal { - // width: 90%; - // height: 50%; - // top: 20%; - // left: 5%; - // right: 5%; - // bottom: 5%; - background: rgba(0, 0, 0, 0.5) !important; - padding: 30% 10% !important; - --height: 12cm !important; - // --width: 80% !important; - --border-radius:20px; - - } - .header-toolbar-new{ - --background: #269DB8; - } - - .confirmEitOkButton{ - white-space: normal !important; - text-transform: capitalize !important; - min-height: 45px !important; - min-width: 5px !important; - margin: 8px !important; - --background: #269DB8; - width: 80% !important; - color: white!important; - border-radius: 16px !important; - } - .approvalTitle-ar{ - font-weight: bold; - font-size: 16px; - text-align: right; - } - .approvalTitle{ - font-weight: bold; - font-size: 16px; - text-align: left; - } \ No newline at end of file +} + + + + + + +.timeline { + position: relative; + margin: 15px 0 0 0; + // border-bottom: solid 1px var(--cusgray); +} + +.timeline:before { + + content: ''; + position: inherit !important; + top: 0; + bottom: 0; + width: 4px; + // background: #e4e4e4; + z-index: 1; + left: 35px; + /* margin-left: -10px; */ + /* z-index: 1; */ +} + +.timeline .timeline-thumb { + + border-radius: 500px; + width: 70px !important; + z-index: 2; + position: absolute; + left: 0px; + // :root[dir="ltr"]{ + // left: 37px; + // } + // :root[dir="rtl"]{ + // right: 37px; + // } + float: right; + top: 9px; +} + +.timeline .timeline-thumb.timeline-icon { + height: 70px; + // text-align: center; + // color: white; + // border: 5px solid #CBD0D3; + // transform: scale(0.2); +} + + + +.timeline .timeline-item { + // width: 40px; + +} + +.timeline .timeline-stats { + position: relative; + font-size: 12px; + color: var(--darkgray); + +} + +.empImge { + border-radius: 50%; + width: 60px; + height: 60px; + border: #dedede solid 1px; + +} + +.empImgeRep { + border-radius: 50% !important; + width: 80px; + height: 80px; + border: #dedede solid 1px; +} + +.line { + padding-bottom: 87px; +} + +.attachLable { + position: absolute; + top: 0px; + z-index: 0; + background: #30b8c6; + color: #fff; + border-radius: 50%; + border: 0px; + width: 24px; + height: 24px; + text-align: center; + font-size: 5px; +} + +.removeLable { + top: 0px; + z-index: 0; + background: #d8252d; + color: #fff; + border-radius: 50%; + border: 0px; + width: 20px; + height: 20px; + text-align: center; + font-size: 5px; +} + +.note-modal { + // width: 90%; + // height: 50%; + // top: 20%; + // left: 5%; + // right: 5%; + // bottom: 5%; + background: rgba(0, 0, 0, 0.5) !important; + padding: 30% 10% !important; + --height: 12cm !important; + // --width: 80% !important; + --border-radius: 20px; + +} + +.header-toolbar-new { + --background: #004D71; +} + +.confirmEitOkButton { + white-space: normal !important; + text-transform: capitalize !important; + min-height: 45px !important; + min-width: 5px !important; + margin: 8px !important; + --background: #004D71; + width: 80% !important; + color: white !important; + border-radius: 16px !important; +} + +.approvalTitle-ar { + font-weight: bold; + font-size: 16px; + text-align: right; + +} + +.approvalTitle { + font-weight: bold; + font-size: 16px; + text-align: left; +} \ No newline at end of file diff --git a/Mohem/src/app/absence/home/home.component.html b/Mohem/src/app/absence/home/home.component.html index 5b60bdc0..4850ad12 100644 --- a/Mohem/src/app/absence/home/home.component.html +++ b/Mohem/src/app/absence/home/home.component.html @@ -145,7 +145,7 @@
- +

@@ -154,7 +154,7 @@
- +

@@ -163,7 +163,7 @@
- +

@@ -172,7 +172,7 @@
- +

@@ -181,7 +181,7 @@
- +

@@ -190,7 +190,7 @@
- +

@@ -199,7 +199,7 @@
- +

@@ -208,7 +208,7 @@
- +

diff --git a/Mohem/src/app/absence/home/home.component.scss b/Mohem/src/app/absence/home/home.component.scss index 0e176a32..76f334c6 100644 --- a/Mohem/src/app/absence/home/home.component.scss +++ b/Mohem/src/app/absence/home/home.component.scss @@ -1,125 +1,128 @@ -.imgSize{ - position: absolute; - right: 15px; - top: 0; - bottom: 0; - margin: auto; - height:20px; - width:20px; -} - -.addClass{ - background-color: #269DB8; - width: 80px; - height: 80px; - right: 8%; - position: fixed; - color: white; - bottom: 5%; - border-radius: 50%; - z-index: 999; - -webkit-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); - -moz-box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); - box-shadow: 2px -1px 13px 0px rgba(0,0,0,0.59); - } +.imgSize { + position: absolute; + right: 15px; + top: 0; + bottom: 0; + margin: auto; + height: 20px; + width: 20px; +} - .grids{ - border-radius: 20px !important; - background: white; - padding-left: 1px; - padding-right: 1px; - margin: 13px; - padding-top: 0px; - padding-bottom: 3px; - padding-left: 13px; - padding-right: 13px; - border: 1px solid #cac8c8; - margin-bottom: 10% !important; - } - - .bgcolor { - - color: white; - border-top-right-radius: 19px; - border-top-left-radius: 15px; - padding-top: 1; - padding-bottom: 0; - margin-top: 0; - margin-bottom: 0; - /* border-radius: 12px !important; */ - background: #269DB8; - border-bottom: 1px solid #a7a4a4; - border-top: 1px solid #cac8c8; - margin-left: -13px; - margin-right: -13px; - } - - - .header-div { - background-color: #269DB8; - text-transform: capitalize; - height: 100px; - } - - .header-toolbar-new{ - --background: #269DB8; - } - - - .hrClass{ - border-width: 0; - box-sizing: content-box; - border-bottom: 1px solid #e6e6e6; - background: #fff !important; - height: 1px; - } +.addClass { + background-color: #004D71; + width: 80px; + height: 80px; + right: 8%; + position: fixed; + color: white; + bottom: 5%; + border-radius: 50%; + z-index: 999; + -webkit-box-shadow: 2px -1px 13px 0px rgba(0, 0, 0, 0.59); + -moz-box-shadow: 2px -1px 13px 0px rgba(0, 0, 0, 0.59); + box-shadow: 2px -1px 13px 0px rgba(0, 0, 0, 0.59); +} - //////////////////////////////////////////////down +.grids { + border-radius: 20px !important; + background: white; + padding-left: 1px; + padding-right: 1px; + margin: 13px; + padding-top: 0px; + padding-bottom: 3px; + padding-left: 13px; + padding-right: 13px; + border: 1px solid #cac8c8; + margin-bottom: 10% !important; +} - .colorBG{ - --background: #f0efef; - } +.bgcolor { + + color: white; + border-top-right-radius: 19px; + border-top-left-radius: 15px; + padding-top: 1; + padding-bottom: 0; + margin-top: 0; + margin-bottom: 0; + /* border-radius: 12px !important; */ + background: #004D71; + border-bottom: 1px solid #a7a4a4; + border-top: 1px solid #cac8c8; + margin-left: -13px; + margin-right: -13px; +} +.header-div { + background-color: #004D71; + text-transform: capitalize; + height: 100px; +} +.header-toolbar-new { + --background: #004D71; +} - .Title{ - text-align: center; - color: white; - margin-top: -33px; - font-size: 17px; - } - .result-graph{ - font-size: 14px; - margin-left: -48px; - margin-right: 3px; - margin-bottom: -30px; - } +.hrClass { + border-width: 0; + box-sizing: content-box; + border-bottom: 1px solid #e6e6e6; + background: #fff !important; + height: 1px; +} - .datetime{ - text-align: center; - font-family: WorkSans-Bold; - margin-left: -120px; - margin-top: -19px; +//////////////////////////////////////////////down + +.colorBG { + --background: #f0efef; +} + + + + +.Title { + text-align: center; + color: white; + margin-top: -33px; + font-size: 17px; +} + +.result-graph { + font-size: 14px; + margin-left: -48px; + margin-right: 3px; + margin-bottom: -30px; +} + +.datetime { + text-align: center; + font-family: WorkSans-Bold; + margin-left: -120px; + margin-top: -19px; + +} + +.datelabel { + margin-left: 150px; + color: black !important; + font-family: WorkSans-Bold; +} + +.iconCalendar { + // margin-left: -241px; + // margin-top: 5px; + margin-left: -12px !important; + width: 22% !important; + height: 26px !important; + margin-top: -50px !important; + margin-bottom: 23px !important; +} - } - .datelabel{ - margin-left: 150px; - color: black !important; - font-family: WorkSans-Bold; - } - .iconCalendar{ - // margin-left: -241px; - // margin-top: 5px; - margin-left: -12px !important; - width: 22% !important; - height: 26px !important; - margin-top: -50px !important; - margin-bottom: 23px !important; - } // .today-graph{ - + // display: block !important; // height: 196px; // width: 385px; @@ -137,100 +140,104 @@ // margin-bottom: -30px; // } - .headerGrid{ - background-color: white !important; - border: 1px solid #cac8c8 !important; - border-radius: 20px !important; - padding-top: 28px; - padding-bottom: 26px; - margin-left: 13px; - margin-right: 13px; - margin-top: -93px; - margin-bottom: 10px; - - } - .header{ - - margin-top: -126px; - } - .result-text-container { - padding: 0; - margin: 0; - position: absolute; - left: 31%; - top: 23%; - display: block; - text-align: center; - transform: translate(-50%, -50%); +.headerGrid { + background-color: white !important; + border: 1px solid #cac8c8 !important; + border-radius: 20px !important; + padding-top: 28px; + padding-bottom: 26px; + margin-left: 13px; + margin-right: 13px; + margin-top: -93px; + margin-bottom: 10px; + +} + +.header { + + margin-top: -126px; +} + +.result-text-container { + padding: 0; + margin: 0; + position: absolute; + left: 31%; + top: 23%; + display: block; + text-align: center; + transform: translate(-50%, -50%); - h2 { + h2 { - font-size: 25px; - font-family: WorkSans-Bold; - margin: 0 auto; - // margin-top: 289px; - line-height: 36px; + font-size: 25px; + font-family: WorkSans-Bold; + margin: 0 auto; + // margin-top: 289px; + line-height: 36px; - } + } - span { + span { - width: 125px; - display: block; - margin: 0 auto; - font-size: 12px; - // margin-top: 289px; - font-family: workSans-Regular; - } + width: 125px; + display: block; + margin: 0 auto; + font-size: 12px; + // margin-top: 289px; + font-family: workSans-Regular; } -.green-label{ -font-size: 12px; -margin-top: -13px; } -.green-amount{ +.green-label { + font-size: 12px; + margin-top: -13px; +} + +.green-amount { font-size: 15px; font-family: WorkSans-Bold; margin-top: 0px; } -.red-label{ +.red-label { font-size: 12px; margin-top: -13px; - } - - .red-amount{ - font-size: 15px; - font-family: WorkSans-Bold; - margin-top: 0px; - } +} + +.red-amount { + font-size: 15px; + font-family: WorkSans-Bold; + margin-top: 0px; +} - - .orng-label{ - font-size: 12px; - margin-top: -13px; - } - - - .orng-amount{ - font-size: 15px; - font-family: WorkSans-Bold; - margin-top: 0px; - } - - .contentEit:before { - position: absolute; + +.orng-label { + font-size: 12px; + margin-top: -13px; +} + + +.orng-amount { + font-size: 15px; + font-family: WorkSans-Bold; + margin-top: 0px; +} + +.contentEit:before { + position: absolute; content: ""; - // background: #269DB8; + // background: #004D71; height: 140px; width: 100%; left: 0; top: 0px; z-index: 1; - } - .div-green{ +} + +.div-green { position: relative; left: 82%; bottom: 141px; @@ -238,9 +245,9 @@ margin-top: -13px; background-color: #1FA269; width: 11%; height: 6px; - } +} - .div-red-ar{ +.div-red-ar { position: relative; bottom: 59px; color: black; @@ -250,7 +257,8 @@ margin-top: -13px; height: 6px; right: 16px; - } +} + // .div-red-ar{ // position: relative; // bottom: 131px; @@ -266,12 +274,12 @@ margin-top: -13px; // bottom: 146px; // color: black; // background-color: #CB3232; -// // background-color: #269DB8; +// // background-color: #004D71; // width: 11%; // height: 6px; // } - - .div-red{ + +.div-red { position: relative; left: 82%; bottom: 80px; @@ -280,8 +288,9 @@ margin-top: -13px; // background-color: #DDB017; width: 11%; height: 6px; - } - .div-green-ar{ +} + +.div-green-ar { position: relative; bottom: 124px; color: black; @@ -290,15 +299,16 @@ margin-top: -13px; width: 11%; height: 6px; right: 16px; - } -.subTitle{ +} + +.subTitle { margin-top: -10px; margin-left: 10px; font-family: WorkSans-Bold; font-size: 16px; } -.subTitle-ar{ +.subTitle-ar { margin-top: -10px; margin-right: 10px; font-family: WorkSans-Bold; @@ -311,8 +321,8 @@ margin-top: -13px; height: 102px; width: 211px; margin-top: 20px; -margin-left: -39px; -max-height: 4cm; + margin-left: -39px; + max-height: 4cm; } .today-graph-ar { @@ -325,11 +335,12 @@ max-height: 4cm; margin-right: 105px; } -.graph-container{ +.graph-container { margin-left: 160px; position: relative; margin-top: -98px; } + // .label-container{ // position: absolute; // // width: 20%; @@ -337,26 +348,31 @@ max-height: 4cm; // top: 50%; // margin-top: -27px; // left: 20px; - + // } -.green-label-container{ - margin-top: 20px; margin-left: 12px; - +.green-label-container { + margin-top: 20px; + margin-left: 12px; + } -.green-label-container-ar{ - margin-top: 20px; margin-right: 12px; - + +.green-label-container-ar { + margin-top: 20px; + margin-right: 12px; + } -.black-label-container{ +.black-label-container { margin-left: 12px; } -.black-label-container-ar{ + +.black-label-container-ar { margin-right: 12px; } -.used-label-container{ + +.used-label-container { // border-top: 5px solid #292F42; // padding: 1px 0px; // margin: 15px 0px @@ -367,7 +383,8 @@ max-height: 4cm; background-color: #b60c0c; margin-top: 30px; } -.current-label-container{ + +.current-label-container { width: 12px; height: 12px; padding-right: -10px; @@ -375,51 +392,53 @@ max-height: 4cm; background-color: black; margin-top: 21px; } -.current-label{ + +.current-label { width: 12px; height: 12px; padding-right: -10px; border-radius: 100%; - background-color: #269DB8; + background-color: #004D71; // margin-top: 30px; } -.span-one{ + +.span-one { // display: block; // font-size: 12px; // color: black; display: block; font-size: 12px; - color: #269DB8; + color: #004D71; margin-left: 6px; margin-top: -2px; font-weight: bold; - + } -.span-one-ar{ +.span-one-ar { display: block; font-size: 12px; - color: #269DB8; + color: #004D71; margin-right: 6px; margin-top: -2px; font-weight: bold; - + } -.span-two{ +.span-two { // display: block; // font-size: 22px; display: block; font-size: 12px; - color: #269DB8; + color: #004D71; margin-left: 6px; margin-top: -2px; font-weight: bold; font-family: WorkSans-Bold; - + } -.black-span1{ +.black-span1 { // display: block; // font-size: 12px; // color: black; @@ -429,9 +448,10 @@ max-height: 4cm; margin-left: 6px; margin-top: 20px; font-weight: bold; - + } -.black-span1-ar{ + +.black-span1-ar { // display: block; // font-size: 12px; // color: black; @@ -441,9 +461,10 @@ max-height: 4cm; margin-right: 6px; margin-top: 20px; font-weight: bold; - + } -.black-span2{ + +.black-span2 { // display: block; // font-size: 22px; display: block; @@ -453,9 +474,10 @@ max-height: 4cm; margin-top: 20px; font-weight: bold; font-family: WorkSans-Bold; - + } -.red-span1{ + +.red-span1 { // display: block; // font-size: 12px; // color: black; @@ -465,9 +487,10 @@ max-height: 4cm; margin-left: 6px; margin-top: 28px; font-weight: bold; - + } -.red-span1-ar{ + +.red-span1-ar { // display: block; // font-size: 12px; // color: black; @@ -477,9 +500,10 @@ max-height: 4cm; margin-right: 6px; margin-top: 28px; font-weight: bold; - + } -.red-span2{ + +.red-span2 { // display: block; // font-size: 22px; display: block; @@ -489,16 +513,18 @@ max-height: 4cm; margin-top: 28px; font-weight: bold; font-family: WorkSans-Bold; - + } -.yearLabel{ + +.yearLabel { font-size: 13px; color: gray; font-family: WorkSans-Bold; margin-left: 29px; margin-top: 5px; } -.yearLabel-ar{ + +.yearLabel-ar { font-size: 13px; color: gray; font-family: WorkSans-Bold; diff --git a/Mohem/src/app/absence/home/home.component.ts b/Mohem/src/app/absence/home/home.component.ts index f76a31bf..4a3c515a 100644 --- a/Mohem/src/app/absence/home/home.component.ts +++ b/Mohem/src/app/absence/home/home.component.ts @@ -118,7 +118,7 @@ export class HomeComponent implements OnInit { backgroundColor: [ // '#1FA269', // '#CB3232',], - '#269DB8', + '#004D71', '#b60c0c',], borderWidth: 1 } @@ -276,7 +276,7 @@ export class HomeComponent implements OnInit { { data: [this.accrualNet, this.accrualUsed], backgroundColor: [ - '#269DB8', + '#004D71', '#b60c0c',], borderWidth: 1 } diff --git a/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss b/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss index 5a81509a..62e3904d 100644 --- a/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss +++ b/Mohem/src/app/absence/submit-absence-modal/submit-absence-modal.component.scss @@ -1,53 +1,52 @@ -.rowBtn{ +.rowBtn { display: flex; flex-direction: row; justify-content: center; align-items: center; } -.Header{ +.Header { color: black !important; font-size: 25px !important; - font-weight: bold !important;; + font-weight: bold !important; + ; margin: 0; text-align: center; margin-bottom: 20px; } -.labelRadio{ +.labelRadio { color: black !important; font-weight: bold !important; padding-bottom: 20px; } -.labelcheck{ +.labelcheck { color: red !important; font-weight: bold !important; margin-bottom: 10px; } -.submitOkButton{ +.submitOkButton { white-space: normal !important; text-transform: capitalize !important; min-height: 45px !important; min-width: 5px !important; margin: 8px !important; - --background:: #269DB8; + --background: #004D71; width: 100% !important; - color: white!important; + color: white !important; border-radius: 16px !important; } -.submitCancelButton{ + +.submitCancelButton { white-space: normal !important; text-transform: capitalize !important; min-height: 45px !important; min-width: 5px !important; margin: 8px !important; - --background:: #269DB8; + --background: #004D71; width: 100% !important; - color: white!important; + color: white !important; border-radius: 16px !important; -} - - - +} \ No newline at end of file diff --git a/Mohem/src/app/absence/submit-absence/submit-absence.component.scss b/Mohem/src/app/absence/submit-absence/submit-absence.component.scss index 94ac7f71..3a8ed815 100644 --- a/Mohem/src/app/absence/submit-absence/submit-absence.component.scss +++ b/Mohem/src/app/absence/submit-absence/submit-absence.component.scss @@ -1,114 +1,114 @@ -.search-button{ - background: transparent; - font-size: 25px; - color: #7F8C8D; +.search-button { + background: transparent; + font-size: 25px; + color: #7F8C8D; } -.header-toolbar-new{ - --background: #269DB8; - } - - .confirmEitOkButton{ - white-space: normal !important; - text-transform: capitalize !important; - min-height: 45px !important; - min-width: 5px !important; - margin: 8px !important; - --background: #269DB8; - width: 80% !important; - color: white!important; - border-radius: 16px !important; - } +.header-toolbar-new { + --background: #004D71; +} + +.confirmEitOkButton { + white-space: normal !important; + text-transform: capitalize !important; + min-height: 45px !important; + min-width: 5px !important; + margin: 8px !important; + --background: #004D71; + width: 80% !important; + color: white !important; + border-radius: 16px !important; +} - .label-Select{ - color: var(--dark); - font-size: 15px; - border: none; - font-weight: 400; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - width: 80%; - padding: 1px 0px; - background-color: var(--light); - border-bottom: var(--cusgray) solid 1px; - border-radius: 0px; - // margin-left: 20px; - margin-left: 30px; - // margin-top: -10px; - // -webkit-appearance: none; - // -moz-appearance: none; - text-indent: 1px; - // text-overflow: ''; - box-shadow: none; - -webkit-box-shadow:none; - -moz-box-shadow: none; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; +.label-Select { + color: var(--dark); + font-size: 15px; + border: none; + font-weight: 400; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + width: 80%; + padding: 1px 0px; + background-color: var(--light); + border-bottom: var(--cusgray) solid 1px; + border-radius: 0px; + // margin-left: 20px; + margin-left: 30px; + // margin-top: -10px; + // -webkit-appearance: none; + // -moz-appearance: none; + text-indent: 1px; + // text-overflow: ''; + box-shadow: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; - :root[dir="ltr"]{ + :root[dir="ltr"] { background-image: linear-gradient(45deg, transparent 50%, #999 50%), linear-gradient(135deg, #999 50%, transparent 50%), linear-gradient(to right, #ffffff, #ffffff); background-position: calc(100% - 14px) calc(1em + 2px), calc(100% - 8px) calc(1em + 2px), 100% 0; background-size: 6px 6px, 6px 6px, 2.9em 2.9em; background-repeat: no-repeat; padding-right: 20px; - } - :root[dir="rtl"]{ - background-image: linear-gradient(-135deg, #999 50%, transparent 50%),linear-gradient(-45deg, transparent 50%, #999 50%), linear-gradient(to right, #ffffff, #ffffff); - background-position: calc(1em - 10px) calc(100% - 8px), calc(1em - 4px) calc(100% - 8px), 0 100%; - background-size: 6px 6px, 6px 6px, 2.9em 2.9em; - background-repeat: no-repeat; - padding-left: 20px; - } + } + + :root[dir="rtl"] { + background-image: linear-gradient(-135deg, #999 50%, transparent 50%), linear-gradient(-45deg, transparent 50%, #999 50%), linear-gradient(to right, #ffffff, #ffffff); + background-position: calc(1em - 10px) calc(100% - 8px), calc(1em - 4px) calc(100% - 8px), 0 100%; + background-size: 6px 6px, 6px 6px, 2.9em 2.9em; + background-repeat: no-repeat; + padding-left: 20px; + } } -.label{ - font-size: 16px; - // margin-left: 15px; - color: #a2a5a6 !important; - display: block; - overflow: hidden; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - /* font-size: inherit; */ - // text-overflow: ellipsis; - // white-space: nowrap; - white-space: normal; - // padding-top: 10px; - padding: 5px 0px; - padding-left: 10px !important; - margin: 10px auto; - :root[dir="ltr"]{ - font-family: var(--fontFamilySemiBoldEN) !important; - } - :root[dir="rtl"]{ - font-family: var(--fontFamilyIOSAR) !important; - font-weight: bold; - } +.label { + font-size: 16px; + // margin-left: 15px; + color: #a2a5a6 !important; + display: block; + overflow: hidden; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + /* font-size: inherit; */ + // text-overflow: ellipsis; + // white-space: nowrap; + white-space: normal; + // padding-top: 10px; + padding: 5px 0px; + padding-left: 10px !important; + margin: 10px auto; + + :root[dir="ltr"] { + font-family: var(--fontFamilySemiBoldEN) !important; + } + + :root[dir="rtl"] { + font-family: var(--fontFamilyIOSAR) !important; + font-weight: bold; + } } -.Field-en{ +.Field-en { border-radius: 30px; - border: 1px solid #a2a5a6!important; + border: 1px solid #a2a5a6 !important; margin-bottom: 20px; - padding-left: 20px !important; + padding-left: 20px !important; padding-top: 6px !important; color: #999999 !important; } -.Field-ar{ +.Field-ar { border-radius: 30px; - border: 1px solid #a2a5a6!important; + border: 1px solid #a2a5a6 !important; margin-bottom: 20px; - padding-right: 20px !important; + padding-right: 20px !important; padding-top: 6px !important; color: #999999 !important; -} - - - +} \ No newline at end of file diff --git a/Mohem/src/app/absence/view-attachments/view-attachments.component.scss b/Mohem/src/app/absence/view-attachments/view-attachments.component.scss index 1e941e1b..21bcda4e 100644 --- a/Mohem/src/app/absence/view-attachments/view-attachments.component.scss +++ b/Mohem/src/app/absence/view-attachments/view-attachments.component.scss @@ -1,3 +1,3 @@ -.header-toolbar-new{ - --background: #269DB8; - } \ No newline at end of file +.header-toolbar-new { + --background: #004D71; +} \ No newline at end of file diff --git a/Mohem/src/app/app.component.html b/Mohem/src/app/app.component.html index 88a01715..eda3347e 100644 --- a/Mohem/src/app/app.component.html +++ b/Mohem/src/app/app.component.html @@ -2,7 +2,7 @@ -
+

{{User_name_Emp}}

-

{{User_Job_name}}

+
-
+
-
+ - + @@ -43,7 +43,7 @@ {{ts.trPK('userProfile','performance-evaluation')}} --> - + @@ -61,7 +61,7 @@ -->
- + @@ -113,20 +113,20 @@ -
- + + -
-