message flash, problème CSS

**slack457** · 16/10/2013, 20h31

Bonsoir,

[EDIT] désolé, sujet posté au mauvais endroit, ce n'était qu'un problème purement CSS

j'ai hésité à poster ça ici, mais j'ai l'impression que le problème vient de rails, qui m'ajouterai quelque chose que je ne veux pas.

quand j'affiche un message flash, ça m'agrandi une <div>

en image :

sans le message flash :

avec le message flash

note pour la suite : la div qui à un fond gris à la classe "login_div"

Avec le message flash, la <div> login_div "grandi" verticalement.
J'ai mis un fond de couleur (jaune) sur le message flash pour essayer de voir d'où vient le problème mais ça à l'air d'aller vu qu'il ne "dépasse" pas.

remarque : <login_div> est tout de suite après le <body>

Est-ce que Rails ne rajoute pas des "données" cachées dans les flash[] ?
J'ai du mal à m'en sortir.

--------------------------------------------------------
je vous montre le code

application.html.erb :

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
<body>
    <div class="login_div">
        <div id="login_form">
            <%= form_tag("/login") do %>
                <%= label_tag(:email, 'user / email') %>
                <%= text_field_tag(:email) %>
 
                <%= label_tag(:password, 'password') %>
                <%= text_field_tag(:password) %>
 
                <%= submit_tag('connexion') %>
            <% end %>
        </div>
    <%= render "layouts/flash_messages" %>
    </div>
 
    ...
 
</body>

layouts/_flash_messages.html.erb :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<% if flash[:error] %>
    <p class="flash-error"><%= flash[:error] %></p>
<% end %>
 
<% if flash[:notice] %>
    <p class="flash-notice"><%= flash[:notice] %></p>
<% end %>

le CSS : (la partie qui est utile)

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
.login_div{
    display: inline-block;
    background-color: #dddddd;
    width: 100%;
    max-height: 50px;
    overflow: hidden;
    padding: 10px;
}
.login_div p{
    display: inline-block;
    margin-right: 30px;
}
#login_form{
    display: inline-block;
}
.flash-error{
    color: red;
    background-color: #f6ff88;
}

note : j'ai essayé de mettre un "max-height" et "overflow: hidden" à .login_div mais ça ne change rien.

d'un point de vue CSS je ne vois pas pourquoi j'ai ce comportement, alors je me dit que le problème vient peut-être de rails ?

**slack457** · 17/10/2013, 03h10

zut, j'ai fini par trouver, c'était un problème CSS... Je m'excuse d'avoir posté ici.

finalement il fallait mettre les "p" de ".login_div" en "display: inline"

message flash, problème CSS

Ruby on Rails

Discussions similaires

Partager

Partager