From 107730d1058a206bc6c0a102e6c761e9105700d3 Mon Sep 17 00:00:00 2001
From: Thomas JUND <tjund@entrouvert.com>
Date: Wed, 31 May 2023 15:07:11 +0200
Subject: [PATCH] css: introduce pk-button-(delete|submit|cancel) for link-cell
 (#77764)

---
 gadjo/static/css/_forms.scss  |  7 +++++--
 gadjo/static/css/_portal.scss | 23 +++++++++++++++++++++--
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/gadjo/static/css/_forms.scss b/gadjo/static/css/_forms.scss
index 30c1b80..07b089b 100644
--- a/gadjo/static/css/_forms.scss
+++ b/gadjo/static/css/_forms.scss
@@ -128,11 +128,11 @@ a.button {
 	}
 }
 
-a.button, a.pk-button, a[class*=pk-button], a.pk-big-button, a[class*="pk-big-button"], button, input[type=submit], div.buttons input, div.buttons a.cancel {
+a.button, a.pk-button, a[class*=pk-button-], a.pk-big-button, a[class*="pk-big-button-"], button, input[type=submit], div.buttons input, div.buttons a.cancel {
 	@extend %button;
 }
 
-a.pk-big-button, a[class*="pk-big-button"] {
+a.pk-big-button, a[class*="pk-big-button-"] {
 	padding: 2rem 4rem;
 }
 
@@ -140,6 +140,7 @@ input[type=submit] {
 	height: 2.3rem;
 }
 
+%cancel-button,
 a.cancel-button, button.cancel-button, a.pk-button-cancel, a.pk-big-button-cancel, div.buttons .cancel-button input, div.buttons a.cancel, div.buttons .cancel-button button {
 	--color: #727272;
 	--hover-color: var(--color);
@@ -161,11 +162,13 @@ div.buttons {
 	}
 }
 
+%delete-button,
 a.delete-button, button.delete-button, a.pk-button-delete, a.pk-big-button-delete, div.buttons .delete-button input, div.buttons .delete-button button {
 	--color: #{$button-delete-color};
 	--outline-color: #{darken($button-delete-color, 10%)};
 }
 
+%submit-button,
 a.submit-button, button.submit-button, a.pk-button-submit, a.pk-big-button-submit, div.buttons .submit-button input, div.buttons .submit-button button {
 	--color: var(--blue-dusty);
 }
diff --git a/gadjo/static/css/_portal.scss b/gadjo/static/css/_portal.scss
index 30a6f33..799f425 100644
--- a/gadjo/static/css/_portal.scss
+++ b/gadjo/static/css/_portal.scss
@@ -49,15 +49,34 @@ div#portal-agent-content, aside#sidebar {
 				}
 			}
 		}
-		&.pk-button, &.pk-big-button {  // when used on link cells
+		&.pk-button, &.pk-big-button,
+		&[class*=pk-button-], &[class*="pk-big-button-"] {  // when used on link cells
 			padding: 0;
 			a {
 				@extend %button;
 				text-align: center;
 				display: block;
 			}
-			&.pk-big-button a {
+		}
+		&.pk-big-button,
+	 	&[class*="pk-big-button-"] {
+	 		a {
 				padding: 2rem 4rem;
+	 		}
+		}
+		&.pk-button-cancel, &.pk-big-button-cancel  {
+			a {
+				@extend %cancel-button;
+			}
+		}
+		&.pk-button-delete, &.pk-big-button-delete  {
+			a {
+				@extend %delete-button;
+			}
+		}
+		&.pk-button-submit, &.pk-big-button-submit  {
+			a {
+				@extend %submit-button;
 			}
 		}
 	}