From 5e93ebb42f660e7955bf7a10928a74f852819c0e Mon Sep 17 00:00:00 2001
From: Valentin Deniaud <vdeniaud@entrouvert.com>
Date: Thu, 24 Sep 2020 11:29:37 +0200
Subject: [PATCH] scss: lingobasketcell indivual payment support (#46503)

---
 static/includes/_cells.scss | 62 ++++++++++++++++++++++++++-----------
 1 file changed, 44 insertions(+), 18 deletions(-)

diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss
index 7a9da3d2..e4defbf8 100644
--- a/static/includes/_cells.scss
+++ b/static/includes/_cells.scss
@@ -1,3 +1,4 @@
+
 $cell-background: white !default;
 $cell-border: 1px solid #ccc !default;
 $cell-border-radius: $border-radius !default;
@@ -458,27 +459,52 @@ div.cell div.loading.error-loading::after {
 	}
 }
 
-div.lingobasketcell h3.regie-name {
-	margin: 1.5em 0.7em;
-	font-weight: normal;
-	border-bottom: 1px solid #aaa;
-}
-
-div.lingobasketcell ul {
-	padding-left: 1em;
-	list-style: circle;
-	list-style-position: inside;
-	li {
-		input {
-			display: none;
+// Lingo basket cell
+.lingo-basket-cell {
+	.gru-content &.cell h2 + &--content {
+		padding: 0;
+	}
+	&--regie-name {
+		padding-left: 1rem;
+		padding-right: 1rem;
+	}
+	&--list {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+	&--item {
+		padding: 1rem;
+		border-bottom: 1px solid $cell-entry-border-color;
+		display: flex;
+		flex-wrap: wrap;
+		align-items: baseline;
+		&-label {
+			overflow: hidden;
 		}
-		a {
-			display: inline-block;
-			padding-bottom: 0.7em;
+		&-price {
+			text-align: right;
+			flex: 1 0 5rem;
 		}
-		&:last-child {
-			list-style: none;
+		&-actions {
+			@media ($max-mobile-viewport) {
+				flex: 1 0 100%;
+			}
+			@media ($min-desktop-viewport) {
+				margin-left: 1em;
+			}
 		}
+		&-remove {
+			text-align: right;
+		}
+		&-pay {
+			@extend .pk-button;
+		}
+	}
+	&--total {
+		padding-left: 1rem;
+		padding-right: 1rem;
+		text-align: right;
 	}
 }