Suivi - Feuilles de style (CSS) Adapter la boîte d'édition au style

#938 Posté par (page perso) . État de l'entrée : corrigée
Tags : aucun
1
24
juin
2012

Je propose d'adapter la boîte markdown au style de la feuille de style par défaut. Pour cela il faut effectuer les modifications suivantes :

.markItUp {
    border: 1px solid rgb(169,156,144);
    border-radius: 6px;
}

.markItUpContainer {
    border: none;
    background: none;
}

.markItUpEditor {
    background: none;
    border: 1px solid rgb(169,156,144);
}

Voilà ce que ça donne :

Exemple de la nouvelle feuille de style

Si je ne me plante pas, le patch git devrait donner :

diff --git a/app/assets/stylesheets/RonRonnement.css.scss b/app/assets/stylesheets/RonRonnement.css.scss
index 6bcbf03..695b7f1 100644
--- a/app/assets/stylesheets/RonRonnement.css.scss
+++ b/app/assets/stylesheets/RonRonnement.css.scss
@@ -1456,3 +1456,18 @@ img {
   max-width: 100%;
   border: none;
 }
+
+.markItUp {
+  border: 1px solid $C_INTER;
+  border-radius: 6px;
+}
+
+.markItUpContainer {
+  border: none;
+  background: none;
+}
+
+.markItUpEditor {
+  background:none;
+  border: 1px solid $C_INTER;
+}

  • # précision

    Posté par (page perso) . Évalué à 2 (+0/-0).

    n'étant pas sûr d'avoir compris tous les styles que tu veux appliquer, je pose tout de même la question :
    c'est pour éviter que la zone de saisie déborde du cadre aussi ? (ce qui arrive quand la fenêtre du navigateur est moins large que la taille par défaut de zone de saisie). => c'est ce que je comprends du maxwidth 100%

    sinon, ça met des coins arrondis (le border-raduius à 6%) et enlève le dégradé (le background à none).

    j'ai bon ?

    en l'appliquant à RonRonnement.css.scss j'imagine que ce sera hérité pour RonRonnement-Bordeau.css, RonRonnement-Mauve.css, RonRonnement-Orange.css, RonRonnement-Rose.css, RonRonnement-Turquoise.css et RonRonnement-Vert.css

    • [^] # Re: précision

      Posté par (page perso) . Évalué à 4 (+0/-0).

      Le maxwidth est déjà présent dans la css actuelle, c'est git diff qui l'affiche comme ça.

      sinon, ça met des coins arrondis (le border-raduius à 6%) et enlève le dégradé (le background à none).

      Et ça adapte le style des bordures au style de la page.

      « Rappelez-vous toujours que si la Gestapo avait les moyens de vous faire parler, les politiciens ont, eux, les moyens de vous faire taire. » Coluche

  • # Patch appliqué

    Posté par (page perso) . Évalué à 3 (+0/-0).

Envoyer un commentaire

Suivre le flux des commentaires

Note : les commentaires appartiennent à ceux qui les ont postés. Nous n'en sommes pas responsables.