Demo fix

2021-12-21 15:15:22 +03:00
parent 7bfb8bbdae
commit ce6cafb3bd
5 changed files with 43 additions and 274 deletions
@@ -1,200 +1,2 @@
-:host ::ng-deep {

-	.p-progressbar {
-		height: .5rem;
-		background-color: #D8DADC;
-		min-width:100px;

-		.p-progressbar-value {
-			background-color: #607D8B;
-		}
-	}
-
-	.table-header {
-		display: flex;
-		justify-content: space-between;
-	}
-
-	.p-calendar .p-datepicker {
-		min-width: 25rem;
-
-		td {
-			font-weight: 400;
-		}
-	}
-
-	.p-datatable.p-datatable-customers {
-		.p-datatable-header {
-			padding: 1rem;
-			text-align: left;
-			font-size: 1.5rem;
-		}
-
-		.p-paginator {
-			padding: 1rem;
-		}
-
-		.p-datatable-thead > tr > th {
-			text-align: left;
-		}
-
-		.p-dropdown-label:not(.p-placeholder) {
-			text-transform: uppercase;
-		}
-	}
-
-	.p-datatable.p-datatable-customers:not(.p-datatable-gridlines) {
-		.p-datatable-tbody > tr > td {
-			cursor: auto;
-		}
-	}
-
-	/* Responsive */
-	.p-datatable-customers .p-datatable-tbody > tr > td .p-column-title {
-		display: none;
-	}
-}
-
-.customer-badge {
-	border-radius: 2px;
-	padding: .25em .5rem;
-	text-transform: uppercase;
-	font-weight: 700;
-	font-size: 12px;
-	letter-spacing: .3px;
-
-	&.status-qualified {
-		background: #C8E6C9;
-		color: #256029;
-	}
-
-	&.status-unqualified {
-		background: #FFCDD2;
-		color: #C63737;
-	}
-
-	&.status-negotiation {
-		background: #FEEDAF;
-		color: #8A5340;
-	}
-
-	&.status-new {
-		background: #B3E5FC;
-		color: #23547B;
-	}
-
-	&.status-renewal {
-		background: #ECCFFF;
-		color: #694382;
-	}
-
-	&.status-proposal {
-		background: #FFD8B2;
-		color: #805B36;
-	}
-}
-
-.product-badge {
-	border-radius: 2px;
-	padding: .25em .5rem;
-	text-transform: uppercase;
-	font-weight: 700;
-	font-size: 12px;
-	letter-spacing: .3px;
-
-	&.status-instock {
-		background: #C8E6C9;
-		color: #256029;
-	}
-
-	&.status-outofstock {
-		background: #FFCDD2;
-		color: #C63737;
-	}
-
-	&.status-lowstock {
-		background: #FEEDAF;
-		color: #8A5340;
-	}
-}
-
-.order-badge {
-	border-radius: 2px;
-	padding: .25em .5rem;
-	text-transform: uppercase;
-	font-weight: 700;
-	font-size: 12px;
-	letter-spacing: .3px;
-
-	&.order-delivered {
-		background: #C8E6C9;
-		color: #256029;
-	}
-
-	&.order-cancelled {
-		background: #FFCDD2;
-		color: #C63737;
-	}
-
-	&.order-pending {
-		background: #FEEDAF;
-		color: #8A5340;
-	}
-
-	&.order-returned {
-		background: #ECCFFF;
-		color: #694382;
-	}
-}
-
-@media screen and (max-width: 960px) {
-	:host ::ng-deep {
-		.p-datatable {
-			&.p-datatable-customers {
-				.p-datatable-thead > tr > th,
-				.p-datatable-tfoot > tr > td {
-					display: none !important;
-				}
-
-				.p-datatable-tbody > tr {
-					border-bottom: 1px solid var(--surface-d);
-
-					> td {
-						text-align: left;
-						display: block;
-						border: 0 none !important;
-						width: 100% !important;
-						float: left;
-						clear: left;
-						border: 0 none;
-
-						.p-column-title {
-							padding: .4rem;
-							min-width: 30%;
-							display: inline-block;
-							margin: -.4rem 1rem -.4rem -.4rem;
-							font-weight: bold;
-						}
-
-						.p-progressbar {
-							margin-top: .5rem;
-						}
-					}
-				}
-
-				&.p-datatable-selectable{
-					.p-datatable-tbody>tr{
-						>td{
-							display:flex !important;
-							justify-content: space-between;
-						}
-
-					}
-				}
-			}
-		}
-		
-	}
-	
-
-}