462 lines
		
	
	
		
			6.6 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			462 lines
		
	
	
		
			6.6 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| @import "variables.less";
 | |
| 
 | |
| .erpnext-footer {
 | |
| 	margin: 11px auto;
 | |
| 	text-align: center;
 | |
| }
 | |
| 
 | |
| .show-all-reports {
 | |
| 	margin-top: 5px;
 | |
| 	font-size: 11px;
 | |
| }
 | |
| 
 | |
| /* toolbar */
 | |
| .toolbar-splash {
 | |
| 	width: 32px;
 | |
| 	height: 32px;
 | |
| 	margin: -10px auto;
 | |
| }
 | |
| 
 | |
| .erpnext-icon {
 | |
| 	width: 24px;
 | |
| 	margin-right: 0px;
 | |
| 	margin-top: -3px;
 | |
| }
 | |
| 
 | |
| .app-icon-svg {
 | |
| 	display: inline-block;
 | |
|     margin: auto;
 | |
|     text-align: center;
 | |
|     border-radius: 16px;
 | |
|     cursor: pointer;
 | |
| 	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
 | |
| }
 | |
| 
 | |
| .app-icon-svg .hub-icon {
 | |
| 	height: 72px;
 | |
| 	width: 72px;
 | |
| }
 | |
| 
 | |
| .dashboard-list-item {
 | |
| 	background-color: inherit;
 | |
| 	padding: 5px 0px;
 | |
| 	border-bottom: 1px solid @border-color;
 | |
| }
 | |
| 
 | |
| #page-stock-balance .dashboard-list-item {
 | |
| 	padding: 5px 15px;
 | |
| }
 | |
| 
 | |
| .dashboard-list-item:last-child {
 | |
| 	border-bottom: none;
 | |
| }
 | |
| 
 | |
| // assessment tool
 | |
| .frappe-control[data-fieldname='result_html'] {
 | |
| 	overflow: scroll;
 | |
| }
 | |
| .assessment-result-tool {
 | |
| 	table-layout: fixed;
 | |
| 
 | |
| 	input {
 | |
| 		width: 100%;
 | |
| 		border: 0;
 | |
| 		outline: none;
 | |
| 		text-align: right;
 | |
| 	}
 | |
| 
 | |
| 	th {
 | |
| 		white-space: nowrap;
 | |
| 		overflow: hidden;
 | |
| 		text-overflow: ellipsis;
 | |
| 	}
 | |
| 
 | |
| 	.total-score, .grade, .score {
 | |
| 		text-align: right;
 | |
| 	}
 | |
| }
 | |
| 
 | |
| /* pos */
 | |
| 
 | |
| body[data-route="pos"] {
 | |
| 
 | |
| 	.pos-bill-toolbar {
 | |
| 		padding: 10px 0px;
 | |
| 		height: 51px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-bill-item:hover, .list-customers-table > .pos-list-row:hover {
 | |
| 		background-color: #f5f7fa;
 | |
| 		cursor: pointer;
 | |
| 	}
 | |
| 
 | |
| 	.pos-item-qty {
 | |
| 		display: inline-block;
 | |
| 	}
 | |
| 
 | |
| 	.pos-qty-row > div {
 | |
| 		padding: 5px 0px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-qty-btn {
 | |
| 		margin-top: 3px;
 | |
| 		cursor: pointer;
 | |
| 		font-size: 120%;
 | |
| 	}
 | |
| 
 | |
| 	.search-area .form-group {
 | |
| 		max-width: 100% !important;
 | |
| 	}
 | |
| 
 | |
| 	.tax-table {
 | |
| 		margin-bottom: 10px;
 | |
| 	}
 | |
| 
 | |
| 	.discount-field-col {
 | |
| 		padding-left: 24px;
 | |
| 	}
 | |
| 
 | |
| 	.discount-amount-area {
 | |
| 		.input-group:first-child {
 | |
| 			margin-bottom: 2px;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.payment-toolbar {
 | |
| 		.row {
 | |
| 			width: 323px;
 | |
| 			margin: 0 auto;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.payment-mode {
 | |
| 		cursor: pointer;
 | |
| 		font-family: sans-serif;
 | |
| 		font-size: 15px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-payment-row .col-xs-6 {
 | |
| 		padding :15px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-payment-row {
 | |
| 		border-bottom:1px solid @border-color;
 | |
| 		margin: 2px 0px 5px 0px;
 | |
| 		height: 60px;
 | |
| 		margin-top: 0px;
 | |
| 		margin-bottom: 0px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-payment-row:hover, .pos-keyboard-key:hover{
 | |
| 		background-color: @light-bg;
 | |
| 		cursor: pointer;
 | |
| 	}
 | |
| 
 | |
| 	.pos-keyboard-key, .delete-btn {
 | |
| 		border: 1px solid @border-color;
 | |
| 		height:85px;
 | |
| 		width:85px;
 | |
| 		margin:10px 10px;
 | |
| 		font-size:24px;
 | |
| 		font-weight:200;
 | |
| 		background-color: #FDFDFD;
 | |
| 		border-color: #e8e8e8;
 | |
| 	}
 | |
| 
 | |
| 	.numeric-keypad {
 | |
| 		border: 1px solid @border-color;
 | |
| 		height:69px;
 | |
| 		width:69px;
 | |
| 		font-size:20px;
 | |
| 		font-weight:200;
 | |
| 		background-color: #FDFDFD;
 | |
| 		border-color: #e8e8e8;
 | |
| 		margin-left:-4px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-pay {
 | |
| 		height:69px;
 | |
| 		width:69px;
 | |
| 		font-size:17px;
 | |
| 		font-weight:200;
 | |
| 		margin-left:-4px;
 | |
| 	}
 | |
| 
 | |
| 	.numeric-keypad {
 | |
| 		height: 60px;
 | |
| 		width: 60px;
 | |
| 		font-size: 20px;
 | |
| 		font-weight: 200;
 | |
| 		border-radius: 0;
 | |
| 		background-color: #fff;
 | |
| 		margin-left:-4px;
 | |
| 
 | |
| 		@media (max-width: @screen-md) {
 | |
| 			height: 45px;
 | |
| 			width: 45px;
 | |
| 			font-size: 14px;
 | |
| 		}
 | |
| 
 | |
| 		@media (max-width: @screen-sm) {
 | |
| 			height: 40px;
 | |
| 			width: 40px;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.numeric_keypad {
 | |
| 		margin-left: -15px;
 | |
| 
 | |
| 		& > .row > button {
 | |
| 			border: none;
 | |
| 			border-right: 1px solid @border-color;
 | |
| 			border-bottom: 1px solid @border-color;
 | |
| 
 | |
| 			&:first-child {
 | |
| 				border-left: 1px solid @border-color;
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		& > .row:first-child > button {
 | |
| 			border-top: 1px solid @border-color;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.pos-pay {
 | |
| 		background-color: @brand-primary;
 | |
| 		border: none;
 | |
| 	}
 | |
| 
 | |
| 	.multimode-payments {
 | |
| 		padding-left: 30px;
 | |
| 	}
 | |
| 
 | |
| 	.payment-toolbar {
 | |
| 		padding-right: 30px;
 | |
| 	}
 | |
| 
 | |
| 	.list-row-head.pos-invoice-list {
 | |
| 		border-top: 1px solid @border-color;
 | |
| 	}
 | |
| 
 | |
| 	.modal-dialog {
 | |
| 		width: 750px;
 | |
| 
 | |
| 		@media (max-width: @screen-xs) {
 | |
| 			width: auto;
 | |
| 
 | |
| 			.modal-content {
 | |
| 				height: auto;
 | |
| 			}
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	@media (max-width: @screen-xs) {
 | |
| 		.amount-row h3 {
 | |
| 			font-size: 15px;
 | |
| 		}
 | |
| 		.pos-keyboard-key, .delete-btn {
 | |
| 			height: 50px;
 | |
| 		}
 | |
| 		.multimode-payments {
 | |
| 			padding-left: 15px;
 | |
| 		}
 | |
| 		.payment-toolbar {
 | |
| 			padding-right: 15px;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.amount-label {
 | |
| 		font-size: 16px;
 | |
| 	}
 | |
| 
 | |
| 	.selected-payment-mode {
 | |
| 		background-color: @light-bg;
 | |
| 		cursor: pointer;
 | |
| 	}
 | |
| 
 | |
| 	.pos-invoice-list {
 | |
| 		padding: 15px 10px;
 | |
| 	}
 | |
| 
 | |
| 	.write_off_amount, .change_amount {
 | |
| 		margin: 15px;
 | |
| 		width: 130px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-list-row {
 | |
| 		display: table;
 | |
| 		table-layout: fixed;
 | |
| 		width: 100%;
 | |
| 		padding: 9px 15px;
 | |
| 		font-size: 12px;
 | |
| 		margin: 0px;
 | |
| 		border-bottom: 1px solid @border-color;
 | |
| 
 | |
| 		.cell {
 | |
| 			display: table-cell;
 | |
| 			vertical-align: middle;
 | |
| 
 | |
| 			&.price-cell {
 | |
| 				width: 50%;
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		.subject {
 | |
| 			width: 40%
 | |
| 		}
 | |
| 
 | |
| 		.list-row-checkbox, .list-select-all {
 | |
| 			margin-right: 7px;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.pos-bill-header {
 | |
| 		background-color: #f5f7fa;
 | |
| 		border: 1px solid @border-color;
 | |
| 		padding: 13px 15px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-list-row.active {
 | |
| 		background-color: @light-yellow;
 | |
| 	}
 | |
| 
 | |
| 	.totals-area {
 | |
| 		border-right: 1px solid @border-color;
 | |
| 		border-left: 1px solid @border-color;
 | |
| 		margin-bottom: 15px;
 | |
| 	}
 | |
| 
 | |
| 	.tax-area .pos-list-row {
 | |
| 		border: none;
 | |
| 	}
 | |
| 
 | |
| 	.item-cart-items {
 | |
| 		height: ~"calc(100vh - 526px)";
 | |
| 		overflow: auto;
 | |
| 		border: 1px solid @border-color;
 | |
| 		border-top: none;
 | |
| 
 | |
| 		@media (max-width: @screen-xs) {
 | |
| 			height: 30vh;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.no-items-message {
 | |
| 		min-height: 200px;
 | |
| 		display: flex;
 | |
| 		align-items: center;
 | |
| 		justify-content: center;
 | |
| 		height: 100%;
 | |
| 	}
 | |
| 
 | |
| 	.pos-list-row:last-child {
 | |
| 		border-bottom: none;
 | |
| 	}
 | |
| 
 | |
| 	.form-section-heading {
 | |
| 		padding: 0;
 | |
| 	}
 | |
| 
 | |
| 	.item-list {
 | |
| 		border: 1px solid @border-color;
 | |
| 		border-top: none;
 | |
| 		max-height: ~"calc(100vh - 190px)";
 | |
| 		overflow: auto;
 | |
| 
 | |
| 		@media (max-width: @screen-xs) {
 | |
| 			max-height: initial;
 | |
| 		}
 | |
| 
 | |
| 		.image-field {
 | |
| 			height: 140px;
 | |
| 
 | |
| 			.placeholder-text {
 | |
| 				font-size: 50px;
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		.pos-item-wrapper {
 | |
| 			position: relative;
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.pos-bill-toolbar {
 | |
| 		margin-top: 10px;
 | |
| 	}
 | |
| 
 | |
| 	.search-item .form-group {
 | |
| 		margin: 0;
 | |
| 	}
 | |
| 
 | |
| 	.item-list-area .pos-bill-header {
 | |
| 		padding: 5px;
 | |
| 		padding-left: 15px;
 | |
| 	}
 | |
| 
 | |
| 	.pos-selected-item-action {
 | |
| 		.pos-list-row:first-child {
 | |
| 			padding-top: 0;
 | |
| 		}
 | |
| 
 | |
| 		&> .pos-list-row {
 | |
| 			border: none;
 | |
| 
 | |
| 			@media (max-width: @screen-md) {
 | |
| 				padding: 5px 15px;
 | |
| 			}
 | |
| 		}
 | |
| 	}
 | |
| 
 | |
| 	.edit-customer-btn {
 | |
| 		position: absolute;
 | |
| 		right: 57px;
 | |
| 		top: 15px;
 | |
| 		z-index: 100;
 | |
| 	}
 | |
| 
 | |
| 	.btn-more {
 | |
| 		display: flex;
 | |
| 		justify-content: center;
 | |
| 		align-items: center;
 | |
| 		cursor: pointer;
 | |
| 		background-color: @light-bg;
 | |
| 		min-height: 200px;
 | |
| 	}
 | |
| 
 | |
| 	.collapse-btn {
 | |
| 		cursor: pointer;
 | |
| 	}
 | |
| 	
 | |
| 	@media (max-width: @screen-xs) {
 | |
| 		.page-actions {
 | |
| 			max-width: 110px;
 | |
| 		}
 | |
| 	}
 | |
| }
 | |
| 
 | |
| .price-info {
 | |
| 	position: absolute;
 | |
| 	left: 0;
 | |
| 	bottom: 0;
 | |
| 	margin: 0 0 15px 15px;
 | |
| 	background-color: rgba(141, 153, 166, 0.6);
 | |
| 	padding: 5px 9px;
 | |
| 	border-radius: 3px;
 | |
| 	color: #fff;
 | |
| 
 | |
| }
 | |
| 
 | |
| // Leaderboard
 | |
| 
 | |
| .leaderboard {
 | |
| 	.result {
 | |
| 		border-top: 1px solid #d1d8dd;
 | |
| 	}
 | |
| 	.list-item {
 | |
| 		padding-left: 45px;
 | |
| 	}
 | |
| 	.list-item_content {
 | |
| 		padding-right: 45px;
 | |
| 	}
 | |
| }
 |