Sekooly commented 3 years ago

Dans supabase

Créer la colonne preferences

Dans tuto

Lister les champs personnalisables

Dans l'élément : faire l'affectation du fichier CSS

Si pas de CSS donné : utiliser celui par défaut (à factoriser!) + CSS nécessaire minimum
Si avec CSS : utiliser celui pourvu + CSS nécessaire minimum

Autoriser le choix du fichier CSS

Depuis un lien
Mettre en ligne le fichier (pas trop recommandé)
En temps réel (customiser à lamin) -> très recommandé

A faire:

[x] Factoriser les style= dans le css du html
[x] Identifier les ID/CLASS modifiables
[x] Factoriser dans 2 fichiers .css : 1 fixe et 1 remplaçable
[x] Dans la gestion des etablissements, ajouter la colonne fichier_css
[x] Créer l'interface de personnalisation (admin avec des droits de modifs uniquement)
[x] Intégrer l'import de css dans supabase MAIN, puis les templates
[x] Tester la personnalisation: si fichier_css existe alors l'appliquer

Sekooly commented 3 years ago

Modifiable dans le css (par id OU class)

[x] la source d'image (⚠️par défaut {{prefixe_images}}/nom_fichier)
[x] la couleur (color ET background color)
[ ] les évènements hover
[ ] le font (style, size, weight)
[ ] text align
[ ] filter (invert ou non)
[ ] Border (style, width, radius, color, ...)
[ ] text-decoraion
[ ] box-shadow
[ ] degré de flou
[ ] image de fond

NON modifiables dans le css

display dimensions (min/max width/height) visibility padding margin position Z-index overflow Top Right Left Bottom Float Scale Opacity Transform Align self Grid list-style-type

Sekooly commented 3 years ago

Remplacement de mots-clés

A voir...

Sekooly commented 3 years ago

Intégrer sekooly sur votre site

<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="https://hibiscus.sekooly.com" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</body>

Sekooly commented 3 years ago

Pour les images de fond:

https://stackoverflow.com/questions/6300749/is-there-a-way-to-use-max-width-and-height-for-a-background-image

background: url(https://unsplash.com/photos/O33IVNPb0RI/download?force=true);
background-size: 100% auto;

Sekooly commented 3 years ago

Personnalisation des Messages

Dans Préférences -> Couleurs

Sekooly commented 3 years ago

Personnalisation des cards (classes-matières)

-> Opacité -> Couleur de fond -> Couleur du texte

Sekooly / SUPABASE

Personnalisation de la plateforme #139

Dans supabase

Dans tuto

Dans l'élément : faire l'affectation du fichier CSS

Autoriser le choix du fichier CSS

A faire:

Modifiable dans le css (par id OU class)

NON modifiables dans le css

Remplacement de mots-clés

Intégrer sekooly sur votre site

Pour les images de fond:

Personnalisation des Messages

Personnalisation des cards (classes-matières)