entrouvert
/
publik-base-theme
15
1
Fork 1
Code Issues Pull Requests 9 Releases Wiki Activity

css: introduce pk-button-(delete|submit|cancel) (#77725) #354

Merged
tjund merged 1 commits from wip/77725-more-pk-buttons into main 2023-07-20 15:12:45 +02:00
Conversation 1 Commits 1 Files Changed 5 +68 -10
tjund commented 2023-07-19 12:32:03 +02:00
Owner
Copy Link
No description provided.
tjund commented 2023-07-19 12:44:13 +02:00
Author
Owner
Copy Link
  • mise à jour du code de %button pour déclarer des variables css pour plus facilement créer des déclinaisons des boutons.
  • ajout des placeholder-selecteurs sass %delete-button et %submit-button, qui n'ont pas de style par défaut autre que %button mais qui peuvent être exploitées simplement.
  • les class pk-button-* héritent du style défini dans les placeholder-selecteurs sass
  • Fonctionne avec pk-big-button-*
  • fonctionne avec les cellules lien
  • les vars scss '$delete-button-style', et '$submit-button-style:' sont dispo pour associer simplement un style de bouton existant.

Exemple pour styler un bouton submit à minima, il suffit de renseigner les vars css de couleur :

%submit-button {
	--color: white;
	--background: navy;
	--hover-color: var(--color);
	--hover-background: black;
}

Et ce style va s'appliquer automatiquement sur les boutons de type submit et être disponible via .pk-button-submit et .pk-big-button-submit sur les liens et les cellules lien

* mise à jour du code de %button pour déclarer des variables css pour plus facilement créer des déclinaisons des boutons. * ajout des placeholder-selecteurs sass %delete-button et %submit-button, qui n'ont pas de style par défaut autre que %button mais qui peuvent être exploitées simplement. * les class pk-button-* héritent du style défini dans les placeholder-selecteurs sass * Fonctionne avec pk-big-button-* * fonctionne avec les cellules lien * les vars scss '$delete-button-style', et '$submit-button-style:' sont dispo pour associer simplement un style de bouton existant. Exemple pour styler un bouton submit à minima, il suffit de renseigner les vars css de couleur : ``` css %submit-button { --color: white; --background: navy; --hover-color: var(--color); --hover-background: black; } ``` Et ce style va s'appliquer automatiquement sur les boutons de type submit et être disponible via .pk-button-submit et .pk-big-button-submit sur les liens et les cellules lien
csechet approved these changes 2023-07-19 15:02:50 +02:00
tjund force-pushed wip/77725-more-pk-buttons from 1315f678b8 to 184f8f02db 2023-07-19 15:26:36 +02:00 Compare
tjund force-pushed wip/77725-more-pk-buttons from 184f8f02db to e22574c076 2023-07-19 15:26:56 +02:00 Compare
tjund force-pushed wip/77725-more-pk-buttons from e22574c076 to f58dd069e7 2023-07-20 15:11:00 +02:00 Compare
tjund merged commit f58dd069e7 into main 2023-07-20 15:12:45 +02:00
tjund deleted branch wip/77725-more-pk-buttons 2023-07-20 15:12:45 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
csechet
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Assignees
Clear assignees
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: entrouvert/publik-base-theme#354
No description provided.
Delete Branch "wip/77725-more-pk-buttons"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?