IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Symfony PHP Discussion :

Je ne vois aucun fond de couleur


Sujet :

Symfony PHP

  1. #1
    Membre habitué
    Homme Profil pro
    Webmaster
    Inscrit en
    juillet 2015
    Messages
    469
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : juillet 2015
    Messages : 469
    Points : 177
    Points
    177
    Par défaut Je ne vois aucun fond de couleur
    Bonjour,

    Je rencontre un petit problème.. J'utilise Bootstrap dans Symfony et j'ai remarqué que je n'ai aucun fond de couleur qui s'affiche pour les éléments de Bootstrap ! Je ne sais pas comment être plus clair dans mes explications..

    par exemple le code ci dessous doit avoir un fond vert, nous sommes d'accord ! pourtant je n'ai aucun fond..

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="alert alert-success" role="alert">
        A simple info alert—check it out!
    </div>

    Je ne sais même pas quoi vous dire d'autre pour aguiller..
    - Oui je charge bien le css correspondant a cet élément.. (j'utilise Symfony Encore avec Sass)

    Voici mon fichier app.scss
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    // customize some Bootstrap variables
    $theme-colors: (
      "primary": #6f42c1
    );
     
    // scss-docs-start import-stack
    // Configuration
    @import "~bootstrap/scss/functions";
    @import "~bootstrap/scss/variables";
    @import "~bootstrap/scss/mixins";
    @import "~bootstrap/scss/utilities";
     
    // Layout & components
    @import "~bootstrap/scss/root";
    @import "~bootstrap/scss/reboot";
    @import "~bootstrap/scss/type";
    @import "~bootstrap/scss/images";
    @import "~bootstrap/scss/containers";
    @import "~bootstrap/scss/grid";
    @import "~bootstrap/scss/tables";
    @import "~bootstrap/scss/forms";
    @import "~bootstrap/scss/buttons";
    @import "~bootstrap/scss/transitions";
    @import "~bootstrap/scss/dropdown";
    @import "~bootstrap/scss/button-group";
    @import "~bootstrap/scss/nav";
    @import "~bootstrap/scss/navbar";
    @import "~bootstrap/scss/card";
    @import "~bootstrap/scss/accordion";
    @import "~bootstrap/scss/breadcrumb";
    @import "~bootstrap/scss/pagination";
    @import "~bootstrap/scss/badge";
    @import "~bootstrap/scss/alert";
    @import "~bootstrap/scss/progress";
    @import "~bootstrap/scss/list-group";
    @import "~bootstrap/scss/close";
    @import "~bootstrap/scss/toasts";
    @import "~bootstrap/scss/modal";
    @import "~bootstrap/scss/tooltip";
    @import "~bootstrap/scss/popover";
    @import "~bootstrap/scss/carousel";
    @import "~bootstrap/scss/spinners";
    @import "~bootstrap/scss/offcanvas";
     
    // Helpers
    @import "~bootstrap/scss/helpers";
     
    // Utilities
    @import "~bootstrap/scss/utilities/api";
    // scss-docs-end import-stack
    Voici mon fichier twig de test..
    Code twig : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    {% extends 'base.html.twig' %}
     
    {% block title %}Modifier mon mot de passe{% endblock %}
     
    {% block body %}
     
    <div class="alert alert-success" role="alert">
        A simple info alert—check it out!
    </div>
     
    <div class="container">
        <h1>Modifier mon mot de passe</h1>
    </div>
    {% endblock %}

    bref rien de bien fou quoi

    des avis ? merci a vous. (si vous voulez voir d'autre page bien-sur, demandez moi!)

  2. #2
    Membre émérite Avatar de darkstar123456
    Homme Profil pro
    Développeur Web
    Inscrit en
    mars 2008
    Messages
    1 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : mars 2008
    Messages : 1 647
    Points : 2 330
    Points
    2 330
    Par défaut
    Bonjour

    D'où vient votre code qui défini $theme-colors ?

    Il me semble pas mal incomplet si on le compare avec sa valeur par défaut :
    Code sass : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    $theme-colors: (
      "primary":    $primary,
      "secondary":  $secondary,
      "success":    $success,
      "info":       $info,
      "warning":    $warning,
      "danger":     $danger,
      "light":      $light,
      "dark":       $dark
    ) !default;

    Il est plus prudent de garder le même format de tableau car sinon, vous risquez forcément de perdre toutes les autres couleurs.

    Par contre, c'est étrange de charger variables.scss APRES avoir défini la couleur. Il serait plus logique que votre $primary ne soit pas de la bonne couleur... c'est étrange :thinking:

  3. #3
    Membre habitué
    Homme Profil pro
    Webmaster
    Inscrit en
    juillet 2015
    Messages
    469
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : juillet 2015
    Messages : 469
    Points : 177
    Points
    177
    Par défaut
    Merci pour la réponse c'est exactement ça, mais c'est étrange car j'ai l'habitude de procéder de cette façon et je n'ai jamais eu le moindre problème a redéfinir seulement une couleur, d'ailleurs je ne vois pas pourquoi ont serait obligé d'écrire l'ensemble du tableau plutôt que seulement la couleur que l'on souhaite redéfinir. très bizarre

    Pour la dernière remarque, j'avais lu quelque part qu'avec le scss ont pouvait redéfinir des variables même AVANT l'import (sur grafikart je crois), ca doit être pour cela je pense.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Firefox n'affiche aucun fond
    Par lvr dans le forum Firefox
    Réponses: 7
    Dernier message: 20/10/2007, 14h24
  2. [FLASH 8] Fond de couleur flash 8
    Par basquiat dans le forum Flash
    Réponses: 1
    Dernier message: 07/08/2006, 11h34
  3. [VB.NET]TreeView avec image de fond ou couleur transparent
    Par m-mas dans le forum Windows Forms
    Réponses: 3
    Dernier message: 23/05/2006, 14h53
  4. Fond sans couleur dans un état
    Par auriolbeach dans le forum Access
    Réponses: 8
    Dernier message: 10/03/2006, 06h51
  5. Changement couleur fond et couleur texte au passage souris
    Par Jiraiya42 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 01/02/2006, 14h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo