krichtof/config
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

maintient l'affichage du mode entre les jours

Browse source 
remove useless style rules

supprime les modes interstice
This commit is contained in:
Christophe Robillard 2025-06-03 11:33:36 +02:00
parent e3b463d91c
commit 8209b7400b
2 changed files with 10 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
public/main.css
View file

@ -17,21 +17,6 @@ body {
margin: 30px; 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 { .info {
grid-area: info; grid-area: info;
} }
@ -107,15 +92,9 @@ main {
grid-area: tracker; grid-area: tracker;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(2, 1fr) repeat(7, 1fr); grid-template-rows: 2fr 6fr 1fr;
grid-template-areas: grid-template-areas:
"title title" "title title"
"title title"
"moods moods"
"moods moods"
"moods moods"
"moods moods"
"moods moods"
"moods moods" "moods moods"
". legend"; ". legend";
background-color: lightgoldenrodyellow; background-color: lightgoldenrodyellow;
@ -154,7 +133,14 @@ main {
} }
.legend { .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 { .log {
align-self: flex-end; align-self: flex-end;

2
views/index.erb
View file

@ -37,7 +37,7 @@
<div class="week"> <div class="week">
<% week.each do |d| %> <% week.each do |d| %>
<% if d[1] %> <% 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 %> <% else %>
<div class="day"></div> <div class="day"></div>
<% end %> <% end %>