diff --git a/demo/assets/styles/app.scss b/demo/assets/styles/app.scss index 1ba8ee19..6a29a81b 100644 --- a/demo/assets/styles/app.scss +++ b/demo/assets/styles/app.scss @@ -7,3 +7,5 @@ @import 'base/layout'; @import 'components/color-picker'; +@import 'components/login'; + diff --git a/demo/assets/styles/components/login.scss b/demo/assets/styles/components/login.scss new file mode 100644 index 00000000..d6f93495 --- /dev/null +++ b/demo/assets/styles/components/login.scss @@ -0,0 +1,3 @@ +.login { + margin: unset; +} \ No newline at end of file diff --git a/demo/templates/demo/components.html.twig b/demo/templates/demo/components.html.twig index 8f623244..dc2e2656 100644 --- a/demo/templates/demo/components.html.twig +++ b/demo/templates/demo/components.html.twig @@ -3,803 +3,820 @@ {% block title %}Hello DefaultController!{% endblock %} {% block nav_secondary %} - {% include '@ElaoAdminTheme/layout/nav_secondary.html.twig' with { menu: [ - { url: '#', label: 'Secondary nav', active: true }, - { url: '#', label: 'Propositions en cours de traitement' }, - { url: '#', label: 'Propositions archivées' }, - { url: '#', label: 'Contrats' }, - { url: '#', label: 'Paiements' }, - { url: '#', label: 'Stocks' }, - ] } %} +{% include '@ElaoAdminTheme/layout/nav_secondary.html.twig' with { menu: [ +{ url: '#', label: 'Secondary nav', active: true }, +{ url: '#', label: 'Propositions en cours de traitement' }, +{ url: '#', label: 'Propositions archivées' }, +{ url: '#', label: 'Contrats' }, +{ url: '#', label: 'Paiements' }, +{ url: '#', label: 'Stocks' }, +] } %} {% endblock %} {% block content %} - -
-

Breadcrumbs

- - + +
+

Breadcrumbs

+ + -

Messages d'alerte

-
Tout va bien
-
Rien ne va plus
+

Messages d'alerte

+
Tout va bien
+
Rien ne va plus
-

Titres

-

h1 magnam illum accusamus nemo

-

h2 magnam illum accusamus nemo

-

h3 magnam illum accusamus nemo

-

h4 magnam illum accusamus nemo

-
h5 magnam illum accusamus nemo
-
h6 magnam illum accusamus nemo
+

Titres

+

h1 magnam illum accusamus nemo

+

h2 magnam illum accusamus nemo

+

h3 magnam illum accusamus nemo

+

h4 magnam illum accusamus nemo

+
h5 magnam illum accusamus nemo
+
h6 magnam illum accusamus nemo
-

Cards

-
-
- 120 - Utilisateurs actifs -
-
- 18k - Visiteurs -
+

Cards

+
+
+ 120 + Utilisateurs actifs +
+
+ 18k + Visiteurs
+
-

Tableaux

-
-
-
-
-

Titre du tableau

- Sous-titre du tableau -
-
- + + +
+
+
+
+
+
+ + +
+
+ + +
+
+ +
+
- Filtrer - - - -
+
+
+ +
+
+ +
+ +
-
-
-
-
- - +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDNomE-mailRôlePremium jusqu'auStatut
2345Megan Rapinoemeg@uswnt.comUtilisateur31/08/2020Actif +
+ +
-
- - +
2345Bailey Faulknerbfaulkner@uswnt.comUtilisateur31/08/2020Inactif +
+ +
-
- -
- -
+
2345Megan Rapinoemeg@uswnt.comUtilisateur31/08/2020Actif +
+ +
-
- +
2345Matthew Griffinmattg@uswnt.comUtilisateur31/08/2020Actif +
+ +
-
- +
2345Matthew Griffinmattg@uswnt.comUtilisateur31/08/2020Actif +
+ +
- - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
IDNomE-mailRôlePremium jusqu'auStatut
2345Megan Rapinoemeg@uswnt.comUtilisateur31/08/2020Actif -
- - -
-
2345Bailey Faulknerbfaulkner@uswnt.comUtilisateur31/08/2020Inactif -
- - -
-
2345Megan Rapinoemeg@uswnt.comUtilisateur31/08/2020Actif -
- - -
-
2345Matthew Griffinmattg@uswnt.comUtilisateur31/08/2020Actif -
- - -
-
2345Matthew Griffinmattg@uswnt.comUtilisateur31/08/2020Actif -
- - -
-
-
+
- - + -
-
-
-

Tableau en chargement

- NB : il est possible de n'avoir que certaines cellules en cours de chargement -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
IDNomE-mailRôlePremium jusqu'auStatut
+
+
+
+

Tableau en chargement

+ NB : il est possible de n'avoir que certaines cellules en cours de chargement
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDNomE-mailRôlePremium jusqu'auStatut
+
+
-

Icônes de base du thème admin

-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
IcôneClasseCode
- - icon icon--menu\e900
- - icon icon--cross\e901
- - icon icon--chevron-up\e902
- - icon icon--chevron-down\e903
- - icon icon--chevron-left\e904
- - icon icon--chevron-right\e905
- - icon icon--arrow-up\e906
- - icon icon--arrow-down\e907
- - icon icon--arrow-left\e908
- - icon icon--arrow-right\e909
- - icon icon--user\e90a
- - icon icon--check\e90b
- - icon icon--bullets\e90c
- - icon icon--add\e90d
- - icon icon--edit\e90e
- - icon icon--delete\e90f
- - icon icon--send\e910
- - icon icon--show\e911
- - icon icon--hide\e912
- - icon icon--calendar\e913
- - icon icon--duplicate\e914
- - icon icon--share\e915
- - icon icon--link\e916
- - icon icon--document\e917
- - icon icon--search\e918
- - icon icon--reload\e919
- - icon icon--filter\e91a
- - icon icon--download\e91b
-
+

Icônes de base du thème admin

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IcôneClasseCode
+ + icon icon--menu\e900
+ + icon icon--cross\e901
+ + icon icon--chevron-up\e902
+ + icon icon--chevron-down\e903
+ + icon icon--chevron-left\e904
+ + icon icon--chevron-right\e905
+ + icon icon--arrow-up\e906
+ + icon icon--arrow-down\e907
+ + icon icon--arrow-left\e908
+ + icon icon--arrow-right\e909
+ + icon icon--user\e90a
+ + icon icon--check\e90b
+ + icon icon--bullets\e90c
+ + icon icon--add\e90d
+ + icon icon--edit\e90e
+ + icon icon--delete\e90f
+ + icon icon--send\e910
+ + icon icon--show\e911
+ + icon icon--hide\e912
+ + icon icon--calendar\e913
+ + icon icon--duplicate\e914
+ + icon icon--share\e915
+ + icon icon--link\e916
+ + icon icon--document\e917
+ + icon icon--search\e918
+ + icon icon--reload\e919
+ + icon icon--filter\e91a
+ + icon icon--download\e91b
+
-

Formulaires

- -
- - +

Formulaires

+ +
+ + +
+
+ +
+
-
- -
- +
+
+ +
+ +
+
+
+ +
+
-
- -
- +
+
+ + +
+
+ +
+
-
- -
- +
+ + +
+ +
+ + + Vous avez déclenché une catastophe +
+ +
+ + +
+
+ + +
+ +
+ + +
+
+ + +
+ +
+ + +
+ +

Boutons

+
+ + + + + + + +
+
+ + + + + + +
+
+ + +
+ +

Tooltips

+
+ + Tooltip en 👆 + + + Tooltip à 👉 + + + Tooltip en 👇 + + + Tooltip à 👈 + +
+ +

Tags

+ Tag + Validé + Rejeté + +

Éléments en cours de chargement

+
+
+ + -
+ + Spinner
-
- - -
-
- -
+
+ -
-
-
- - -
- -
- - - Vous avez déclenché une catastophe -
- -
- - -
-
- - + + Ellipsis
- -
- - +
+ + + + Loading text
-
- - -
- -
- - -
- -

Boutons

-
- - - - - - - -
-
- - - - - - -
-
- - +
+ +