Fairoj : changes

This commit is contained in:
venbatechnologies@gmail.com 2019-09-30 20:45:54 +05:30
commit 4212c2aeb5
17 changed files with 117 additions and 79 deletions

View File

@ -3,7 +3,7 @@
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0"> <div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0">
<!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="1000" fxFlex.xl="40"> --> <!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="1000" fxFlex.xl="40"> -->
<mat-card class="p-2" fxFlex="70%" fxFlex.xs="100" fxFlex.sm="100"> <mat-card class="p-2" fxFlex="70%" fxFlex.xs="100" fxFlex.sm="100">
<mat-card-title class="mb-1"><h5 class="mt-0">Contribute to Specific Need </h5></mat-card-title> <mat-card-title class="mb-1"><h5 class="mt-0 text-center">Contribute to Specific Need </h5></mat-card-title>
<hr> <hr>
<form [formGroup]="Contribute"> <form [formGroup]="Contribute">
<div fxLayout="row" fxLayoutAlign="start center" class="mb-2 pt-1"> <div fxLayout="row" fxLayoutAlign="start center" class="mb-2 pt-1">
@ -36,25 +36,23 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div fxLayout fxLayout="row" style="text-align: right;"> <div fxLayout fxLayout="row" style="text-align: right;" class="mb-2">
<div class="" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100"> <div class="" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100">
<button mat-raised-button color="primary" (click)="getSchoolReqList()">Submit</button> <button mat-raised-button color="primary" (click)="refresh()">View All</button>
<button class="ml-2" mat-raised-button color="primary" (click)="reset()">Clear</button>
<button class="ml-2" mat-raised-button color="primary" (click)="getSchoolReqList()">Submit</button>
</div> </div>
</div> </div>
</form> </form>
<!--*********************--> <!--*********************-->
<mat-form-field>
<input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
</mat-form-field>
<div class="mat-elevation-z8"> <div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort> <table mat-table [dataSource]="dataSource" matSort>
<!-- Requirement Column --> <!-- Requirement Column -->
<ng-container matColumnDef="Requirement"> <ng-container matColumnDef="Requirement">
<th style="width: 15% !important;" mat-header-cell *matHeaderCellDef mat-sort-header>Requirement</th> <th style="width: 15% !important;" mat-header-cell *matHeaderCellDef mat-sort-header>Requirement</th>
<td style="width: 15% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><img src="{{row.img_url}}" onerror="this.onerror=null;this.src='https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/No_image_available_600_x_450.svg/600px-No_image_available_600_x_450.svg.png';" alt="School Img" width="70"></td> <td style="width: 15% !important;" mat-cell *matCellDef="let row" class="product-thumbnail"><img src="{{row.img_url}}" onerror="this.onerror=null;this.src='assets/images/csr-img/error_img.jpg';" alt="School Img" width="70"></td>
</ng-container> </ng-container>
<!-- Item Need Column --> <!-- Item Need Column -->
@ -72,7 +70,7 @@
<!-- Quantity Column --> <!-- Quantity Column -->
<ng-container matColumnDef="Required Qty"> <ng-container matColumnDef="Required Qty">
<th style="width: 10% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Required Qty </th> <th style="width: 10% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Required Qty </th>
<td style="width: 10% !important;" mat-cell *matCellDef="let row"> {{row.qty}}</td> <td style="width: 10% !important;text-align: center;" mat-cell *matCellDef="let row"> {{row.qty}}</td>
</ng-container> </ng-container>
<!-- Sponsor Column --> <!-- Sponsor Column -->
@ -83,14 +81,14 @@
<!-- price Column --> <!-- price Column -->
<ng-container matColumnDef="Cost Per Unit"> <ng-container matColumnDef="Cost Per Unit">
<th style="width: 15% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Cost Per Unit (in RS) </th> <th style="width: 15% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Cost Per Unit (in Rs) </th>
<td style="width: 15% !important;" mat-cell *matCellDef="let row;"> {{row.cost_per_unit === null?0:row.cost_per_unit}} </td> <td style="width: 15% !important;" mat-cell *matCellDef="let row;"> {{row.cost_per_unit === null?0:row.cost_per_unit}} </td>
<!-- <td mat-footer-cell *matFooterCellDef> Total </td> --> <!-- <td mat-footer-cell *matFooterCellDef> Total </td> -->
</ng-container> </ng-container>
<!-- Total Column --> <!-- Total Column -->
<ng-container matColumnDef="Amount"> <ng-container matColumnDef="Amount">
<th style="width: 20% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Amount (in RS) </th> <th style="width: 20% !important;" mat-header-cell *matHeaderCellDef mat-sort-header> Amount (in Rs) </th>
<td style="width: 20% !important;" mat-cell *matCellDef="let row ;let i=index">{{Total[i]}} </td> <td style="width: 20% !important;" mat-cell *matCellDef="let row ;let i=index">{{Total[i]}} </td>
<!-- <td mat-footer-cell *matFooterCellDef> {{somethingChanged()}} </td> --> <!-- <td mat-footer-cell *matFooterCellDef> {{somethingChanged()}} </td> -->
</ng-container> </ng-container>
@ -135,17 +133,17 @@
</mat-card> </mat-card>
<!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="20" fxFlex.xl="40"> --> <!-- <div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="20" fxFlex.xl="40"> -->
<mat-card class="support_mat" fxFlex="30%" fxFlex.xs="100" fxFlex.sm="100px"> <mat-card class="support_mat sidescroll" fxFlex="27%" fxFlex.xs="100" fxFlex.sm="100px">
<mat-card-header> <mat-card-header>
<mat-card-title> <mat-card-title>
<h5> Contribute to General Development Fund</h5> <h5 class="text-center"> Contribute to General Development Fund</h5>
</mat-card-title> </mat-card-title>
</mat-card-header> </mat-card-header>
<mat-card-content> <mat-card-content>
<div fxLayout="column" fxLayoutAlign="start stretch"> <div fxLayout="column" fxLayoutAlign="start stretch">
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0"> <div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0">
<div class="pl-3" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="100" fxFlex.xl="100"> <div class="text-center" fxFlex="100%" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="40" fxFlex.lg="100" fxFlex.xl="100">
<mat-form-field appearance="outline" style="width: 70%;text-align: center;"> <mat-form-field appearance="outline" style="width: 70%;text-align: center;">
<input matInput type="number" placeholder="Amount" [(ngModel)]="general_devlop_amt"> <input matInput type="number" placeholder="Amount" [(ngModel)]="general_devlop_amt">
</mat-form-field> </mat-form-field>

View File

@ -1,6 +1,12 @@
.calculated-shipping[_ngcontent-gen-c13]{ .calculated-shipping[_ngcontent-gen-c13]{
padding: 0px !important; padding: 0px !important;
} }
.sidescroll{
right: 45px !important;
height: fit-content;
position: fixed;
z-index: 1;
}
a { a {
text-decoration: underline; text-decoration: underline;
color: #4CAF50; color: #4CAF50;
@ -16,7 +22,7 @@ a {
td, th { td, th {
width: 25%; width: 25%;
text-align: center; // text-align: center;
} }
table.shop-table { table.shop-table {
// border-collapse: separate; // border-collapse: separate;

View File

@ -4,6 +4,7 @@ import { ApiService } from '../../shared/api.service';
import { FormGroup, FormBuilder, FormControl, Validators, } from '@angular/forms'; import { FormGroup, FormBuilder, FormControl, Validators, } from '@angular/forms';
import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material'; import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { SchoolDetailsService } from 'app/shared/school-details.service';
@ -58,6 +59,13 @@ export class ContributeComponent implements OnInit {
this.initForm(); this.initForm();
this.getSchoolReqList(); this.getSchoolReqList();
this.getSchoolReqList2(); this.getSchoolReqList2();
// this.schInfo.schReqId.subscribe(res=>
// {
// this.schRquId = res;
// // console.log(res);
// })
// window.localStorage.clear(); // window.localStorage.clear();
} }
@ -187,6 +195,10 @@ export class ContributeComponent implements OnInit {
// console.log('mat'+this.material_category); // console.log('mat'+this.material_category);
} }
reset(){
this.Contribute.reset();
}
ngAfterViewInit() { ngAfterViewInit() {
// Hack: Scrolls to top of Page after page view initialized // Hack: Scrolls to top of Page after page view initialized
let top = document.getElementById('top'); let top = document.getElementById('top');
@ -285,6 +297,9 @@ export class ContributeComponent implements OnInit {
goToProjectDet(curr_array){ goToProjectDet(curr_array){
this.router.navigate(['home','project-detail',{schoolreqid:curr_array.school_id}]) this.router.navigate(['home','project-detail',{schoolreqid:curr_array.school_id}])
} }
refresh(): void {
window.location.reload();
}
} }

View File

@ -104,7 +104,7 @@
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0"> <div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="center" class="m-gap p-gap"> <div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="center" class="m-gap p-gap">
<button mat-raised-button [routerLink]="['/contribute']" class="button-cyan">Contribute</button> <button mat-raised-button (click)="navigate(schoolInfo.school_id)" class="button-cyan">Contribute</button>
</div> </div>
</div> </div>
@ -184,7 +184,7 @@
</table> </table>
<div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0"> <div fxLayout fxLayout="row" fxLayout.xs="column" fxLayoutGap.xs="0">
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="end center" class="m-gap p-gap"> <div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="100" fxFlex.lg="100" fxFlex.xl="100" fxLayoutAlign="end center" class="m-gap p-gap">
<button mat-raised-button [routerLink]="['/contribute']" class="button-cyan">Contribute</button> <button mat-raised-button (click)="navigate(schoolInfo.school_id)" class="button-cyan">Contribute</button>
</div> </div>
</div> </div>

View File

@ -84,7 +84,7 @@ getIndividualSchoolReqData(id){
ngAfterViewInit() { ngAfterViewInit() {
// Hack: Scrolls to top of Page after page view initialized // Hack: Scrolls to top of Page after page view initialized
let top = document.getElementById('top'); let top = document.getElementById('top');
console.log("d",top); // console.log("d",top);
if (top !== null) { if (top !== null) {
top.scrollIntoView(); top.scrollIntoView();
top = null; top = null;
@ -95,4 +95,15 @@ getIndividualSchoolReqData(id){
this.sliderimg.goToSlide(index); this.sliderimg.goToSlide(index);
} }
navigate(schReferId)
{
// console.log(schReferId);
let data = {'sch_req_id':schReferId};
// console.log(88,data);
this.schInfo.updateSchRequ(schReferId);
this.router.navigate(['/contribute']);
}
} }

View File

@ -18,7 +18,7 @@
<div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap" style="margin-left: 5px;" *ngFor="let schooldetails of school_list" (click)="getschDetails(schooldetails)"> <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.md="23.33" fxFlex.lg="23.33" fxFlex.xl="23.33" class="m-gap p-gap" style="margin-left: 5px;" *ngFor="let schooldetails of school_list" (click)="getschDetails(schooldetails)">
<div class="p-list-main mb-2"> <div class="p-list-main mb-2">
<div class="p-list"> <div class="p-list">
<div class="top"><img src="{{schooldetails.images[0]}}" onerror="this.onerror=null;this.src='https://image.shutterstock.com/image-vector/school-boy-standing-his-uniform-260nw-1216095019.jpg';" alt=""></div> <div class="top"><img src="{{schooldetails.images[0]}}" onerror="this.onerror=null;this.src='assets/images/csr-img/error_img.jpg';" alt=""></div>
<div class="bottom"> <div class="bottom">
<div class="left"> <div class="left">
<div class="details" style="width: unset !important;"> <div class="details" style="width: unset !important;">

View File

@ -50,7 +50,7 @@ export class ProjectListComponent implements OnInit {
getschDetails(schDetails) getschDetails(schDetails)
{ {
let data = {'school_name':schDetails.school_name,'images':schDetails.images,'district_name':schDetails.district_name,'total_b':schDetails.total_b,'total_g':schDetails.total_g,'total':schDetails.total,'teach_tot':schDetails.teach_tot,'nonteach_tot':schDetails.nonteach_tot,'totstaff':schDetails.totstaff,'total_cost':schDetails.total_cost,'total_recevied':schDetails.total_recevied,'school_id':schDetails.school_id,'block_name':schDetails.block_name,'management':schDetails.management,'category':schDetails.category,'high_class':schDetails.high_class,'low_class':schDetails.low_class,'latitude':schDetails.longitude,'longitude':schDetails.longitude}; let data = {'school_name':schDetails.school_name,'images':schDetails.images,'district_name':schDetails.district_name,'total_b':schDetails.total_b,'total_g':schDetails.total_g,'total':schDetails.total,'teach_tot':schDetails.teach_tot,'nonteach_tot':schDetails.nonteach_tot,'totstaff':schDetails.totstaff,'total_cost':schDetails.total_cost,'total_recevied':schDetails.total_recevied,'school_id':schDetails.school_id,'block_name':schDetails.block_name,'management':schDetails.management,'category':schDetails.category,'high_class':schDetails.high_class,'low_class':schDetails.low_class,'latitude':schDetails.longitude,'longitude':schDetails.longitude,'school_req_id':schDetails.school_req_id};
this.schInfo.updateDetails(data); this.schInfo.updateDetails(data);
this.router.navigate(['/home/project-detail']); this.router.navigate(['/home/project-detail']);

View File

@ -4,11 +4,11 @@
<div class="opt-side relative "> <div class="opt-side relative ">
<div class="sidebar-container "> <div class="sidebar-container ">
<div class="branding text-center"> <div class="branding text-center">
<h2><img src="assets/images/csr-img/tn_logo.png" style="width:50px;height: 48px;"> <span> TN Schools</span> <h2><img src="assets/images/csr-img/tn_logo.png" style="width:95%;height:54px;">
</h2> </h2>
</div> </div>
<div class="main-nav"> <div class="main-nav">
<div class="user-pro-wrap"> <!-- <div class="user-pro-wrap">
<div class="user-profile-thumb text-center"> <div class="user-profile-thumb text-center">
<div class="user-i"> <div class="user-i">
<img src="assets/images/userpic.jpg" class="rad-full mb-1" width="100" height="100" alt=""> <img src="assets/images/userpic.jpg" class="rad-full mb-1" width="100" height="100" alt="">
@ -26,7 +26,7 @@
<mat-icon>settings</mat-icon> <mat-icon>settings</mat-icon>
</a> </a>
</div> </div>
</div> </div> -->
<mat-nav-list appAccordion class="navigation relative"> <mat-nav-list appAccordion class="navigation relative">
<mat-list-item appAccordionLink *ngFor="let menuitem of menuItems.getAll()"> <mat-list-item appAccordionLink *ngFor="let menuitem of menuItems.getAll()">
<a appAccordionToggle class="relative" mat-ripple [routerLink]="['/', menuitem.state]" *ngIf="menuitem.type === 'link'"> <a appAccordionToggle class="relative" mat-ripple [routerLink]="['/', menuitem.state]" *ngIf="menuitem.type === 'link'">
@ -87,7 +87,7 @@
<div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="100.33" fxFlex.xl="33.33" fxFlex="100"> <div fxFlex.sm="100" fxFlex.xs="100" fxFlex.md="33.33" fxFlex.lg="100.33" fxFlex.xl="33.33" fxFlex="100">
<div class="horizontal-logo"> <div class="horizontal-logo">
<div class="header-name"> <div class="header-name">
<h2><a href="#"><img src="assets/images/csr-img/tn_logo.png" style="width:50px;height: 48px;"> <span> TN Schools</span></a> <h2><a href="#"><img src="assets/images/csr-img/tn_logo.png" style="width:40%;height:54px;"></a>
</h2> </h2>
</div> </div>
</div> </div>

View File

@ -1,7 +1,7 @@
<div class="relative"> <div class="relative">
<div class="form-bg"> <div class="form-bg">
<div fxLayout="row" fxLayoutAlign="center start" class="pt-2"> <div fxLayout="row" fxLayoutAlign="center start" class="pt-2">
<div fxLayout="column" fxFlex.xl="40" fxFlex.lg="40" fxFlex.md="50" fxFlex.sm="80" fxFlex.xs="90"> <div fxLayout="column" fxLayoutAlign="center" fxFlex.xl="40" fxFlex.lg="40" fxFlex.md="50" fxFlex.sm="80" fxFlex.xs="90">
<mat-card class="login-session"> <mat-card class="login-session">
<div> <div>
<h2 class="base-border">Login Form</h2> <h2 class="base-border">Login Form</h2>

View File

@ -69,9 +69,9 @@ this.previousUrl = this.restApi.getPreviousUrl();
this.router.navigate(['/home']); this.router.navigate(['/home']);
// this.matDialog.closeAll() // this.matDialog.closeAll()
}else{ }else{
// this.router.navigate([this.previousUrl]); this.router.navigate([this.previousUrl]);
// this.location.back(); // this.location.back();
this.matDialog.closeAll() // this.matDialog.closeAll()
} }
// this.router.navigate(['/home']); // this.router.navigate(['/home']);

View File

@ -28,25 +28,25 @@ const HORIZONTALMENUITEMS = [
type: 'link', type: 'link',
icon: 'home' icon: 'home'
}, },
// {
// state: 'contribute',
// name: 'Contribute',
// type: 'link',
// icon: 'error_outline'
// },
{ {
state: 'apps', state: 'contribute',
name: 'Support', name: 'Contribute',
type: 'sub', type: 'link',
icon: 'apps', icon: 'error_outline'
children: [
{state: 'contribute', name: 'Contribute',},
{state: 'projects', name: 'View Projects',},
// {state: 'payment', name: 'Payment'},
// {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
]
}, },
// { // {
// state: 'apps',
// name: 'Support',
// type: 'sub',
// icon: 'apps',
// children: [
// {state: 'contribute', name: 'Contribute',},
// {state: 'projects', name: 'View Projects',},
// {state: 'payment', name: 'Payment'},
// {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
// ]
// },
// {
// state: 'my-account', // state: 'my-account',
// name: 'My-Account', // name: 'My-Account',
// type: 'link', // type: 'link',
@ -58,12 +58,12 @@ const HORIZONTALMENUITEMS = [
// type: 'link', // type: 'link',
// icon: 'error_outline' // icon: 'error_outline'
// }, // },
// { {
// state: 'authentication', state: 'authentication',
// name: 'Login', name: 'Login',
// type: 'link', type: 'link',
// icon: 'lock' icon: 'lock'
// }, },
// { // {
// state: 'apps', // state: 'apps',
// name: 'APPS', // name: 'APPS',

View File

@ -49,36 +49,36 @@ const MENUITEMS : Menu[] = [
// {state: '503', name: '503'} // {state: '503', name: '503'}
// ] // ]
// }, // },
{ // {
state: 'projects', // state: 'projects',
name: 'Projects', // name: 'Projects',
type: 'link', // type: 'link',
icon: 'bookmark' // icon: 'bookmark'
}, // },
{ {
state: 'contribute', state: 'contribute',
name: 'Contribute', name: 'Contribute',
type: 'link', type: 'link',
icon: 'error_outline' icon: 'error_outline'
}, },
{ // {
state: 'apps', // state: 'apps',
name: 'Pages', // name: 'Pages',
type: 'sub', // type: 'sub',
icon: 'apps', // icon: 'apps',
children: [ // children: [
{state: 'contribute', name: 'Contribute',}, // {state: 'contribute', name: 'Contribute',},
{state: 'projects', name: 'Projects',}, // {state: 'projects', name: 'Projects',},
{state: 'payment', name: 'Payment'}, // {state: 'payment', name: 'Payment'},
{state: 'paymentconfirmation', name: 'PaymentConfirmation'} // {state: 'paymentconfirmation', name: 'PaymentConfirmation'}
] // ]
}, // },
{ // {
state: 'my-account', // state: 'my-account',
name: 'My-Account', // name: 'My-Account',
type: 'link', // type: 'link',
icon: 'person' // icon: 'person'
}, // },
// { // {
// state: 'payment', // state: 'payment',
// name: 'Payment', // name: 'Payment',

View File

@ -6,7 +6,7 @@ import { BehaviorSubject } from 'rxjs/BehaviorSubject';
export class SchoolDetailsService { export class SchoolDetailsService {
public SchoolDetails = new BehaviorSubject<any>({'school_name':'','images':'','district_name':'','total_b':'','total_g':'','total':'','teach_tot':'','nonteach_tot':'','totstaff':'','total_cost':'','total_recevied':'','school_id':'','block_name':'','category':'','management':'','latitude':'','longitude':'','high_class':'','low_class':''}); public SchoolDetails = new BehaviorSubject<any>({'school_name':'','images':'','district_name':'','total_b':'','total_g':'','total':'','teach_tot':'','nonteach_tot':'','totstaff':'','total_cost':'','total_recevied':'','school_id':'','block_name':'','category':'','management':'','latitude':'','longitude':'','high_class':'','low_class':''});
public schReqId = new BehaviorSubject<any>({'sch_req_id':''});
constructor() { } constructor() { }
@ -14,4 +14,10 @@ export class SchoolDetailsService {
{ {
this.SchoolDetails.next(schDetails); this.SchoolDetails.next(schDetails);
} }
updateSchRequ(schReqId)
{
this.schReqId.next(schReqId);
}
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 363 KiB

After

Width:  |  Height:  |  Size: 97 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 363 KiB

View File

@ -126,6 +126,7 @@ $mat-toolbar-height-mobile-landscape: 48px !default;
position: relative; position: relative;
} }
.dropdown { .dropdown {
margin-left: 28px;
position: fixed; position: fixed;
z-index: 5; z-index: 5;
opacity: 1; opacity: 1;
@ -133,8 +134,8 @@ $mat-toolbar-height-mobile-landscape: 48px !default;
// width: 200px; // width: 200px;
transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;
transform: translateY(-20px); transform: translateY(-20px);
background: #fff; background: #51caca;
color:black; color:#fff;
padding: 0; padding: 0;
list-style: none; list-style: none;
text-align: left; text-align: left;
@ -144,7 +145,8 @@ $mat-toolbar-height-mobile-landscape: 48px !default;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
display: block; display: block;
&:hover{ &:hover{
background: #f2f4f8; background: #51caca;
color: #101010;
} }
} }
li:hover { li:hover {