diff --git a/Mohem/src/app/absence/home/home.component.html b/Mohem/src/app/absence/home/home.component.html index 73c20ece..1fe0d412 100644 --- a/Mohem/src/app/absence/home/home.component.html +++ b/Mohem/src/app/absence/home/home.component.html @@ -1,5 +1,5 @@ - + {{ts.trPK('absenceList','absenceList')}} @@ -25,92 +25,104 @@
- +
- + + +
- - - - + +
+ +
+
- - - - - + +
+ +
+
+
- - - - + +
+ +
+
- - - - + +
+ +
+
- - - - + +
+ +
+
- - - - + +
+ +
+
- - - - + +
+ +
+
- - - - + +
+ +
+
- - + +
+ + + + - + \ No newline at end of file diff --git a/Mohem/src/app/absence/home/home.component.scss b/Mohem/src/app/absence/home/home.component.scss index 36a672b9..41a72312 100644 --- a/Mohem/src/app/absence/home/home.component.scss +++ b/Mohem/src/app/absence/home/home.component.scss @@ -7,3 +7,73 @@ height:20px; width:20px; } + +.addClass{ + background-color: #094875; + width: 80px; + height: 80px; + right: 8%; + position: fixed; + color: white; + bottom: 20%; + 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); + } + + .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: #094875; + border-bottom: 1px solid #a7a4a4; + border-top: 1px solid #cac8c8; + margin-left: -13px; + margin-right: -13px; + } + + + .header-div { + + background-color: #22C6B3; + text-transform: capitalize; + height: 160px; + position: relative; + display: block; + margin-bottom: -28px; + } + + .header-toolbar-new{ + --background: #22c6b3; + } + + + .hrClass{ + border-width: 0; + box-sizing: content-box; + border-bottom: 1px solid #e6e6e6; + background: #fff !important; + height: 1px; + }