maintient l'affichage du mode entre les jours
remove useless style rules supprime les modes interstice
This commit is contained in:
parent
e059c1d62d
commit
626504ce74
2 changed files with 10 additions and 24 deletions
|
|
@ -17,21 +17,6 @@ body {
|
|||
margin: 30px;
|
||||
}
|
||||
|
||||
.moods {
|
||||
grid-area: moods;
|
||||
margin: 30px;
|
||||
}
|
||||
|
||||
.legend {
|
||||
grid-area: legend;
|
||||
margin: 4px;
|
||||
font-size: 0.8rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
margin: 30px;
|
||||
}
|
||||
.info {
|
||||
grid-area: info;
|
||||
}
|
||||
|
|
@ -107,15 +92,9 @@ main {
|
|||
grid-area: tracker;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: repeat(2, 1fr) repeat(7, 1fr);
|
||||
grid-template-rows: 2fr 6fr 1fr;
|
||||
grid-template-areas:
|
||||
"title title"
|
||||
"title title"
|
||||
"moods moods"
|
||||
"moods moods"
|
||||
"moods moods"
|
||||
"moods moods"
|
||||
"moods moods"
|
||||
"moods moods"
|
||||
". legend";
|
||||
background-color: lightgoldenrodyellow;
|
||||
|
|
@ -154,7 +133,14 @@ main {
|
|||
}
|
||||
|
||||
.legend {
|
||||
align-self: flex-end;
|
||||
grid-area: legend;
|
||||
margin: 4px;
|
||||
font-size: 0.8rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: flex-end;
|
||||
justify-content: flex-end;
|
||||
margin: 30px;
|
||||
}
|
||||
.log {
|
||||
align-self: flex-end;
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<div class="week">
|
||||
<% week.each do |d| %>
|
||||
<% if d[1] %>
|
||||
<div data-mode="<%= d[1] %>" data-action="mouseover->mood#showMode mouseleave->mood#showCurrent" title="<%= d[0] %> : <%= d[1] %>" class="day <%= d[1] %>"></div>
|
||||
<div data-mode="<%= d[1] %>" data-action="mouseover->mood#showMode mouseleave->mood#showMode" title="<%= d[0] %> : <%= d[1] %>" class="day <%= d[1] %>"></div>
|
||||
<% else %>
|
||||
<div class="day"></div>
|
||||
<% end %>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue