Update calendar today styling to blue date indicator (#43728).

Patch by Mizuki ISHIKAWA (user:ishikawa999).


git-svn-id: https://svn.redmine.org/redmine/trunk@24392 e93f8b46-1217-0410-a6f0-8f06a7374b81
This commit is contained in:
Go MAEDA
2026-01-31 07:54:11 +00:00
parent b4115e3434
commit 2d04b34b85
2 changed files with 22 additions and 3 deletions

View File

@@ -1507,13 +1507,31 @@ ul.cal {
}
.cal .calbody p.day-num {font-size: 1.1em; text-align: end;}
.cal .calbody .day-value {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.5em;
height: 1.5em;
}
.cal .calbody .abbr-day {display:none}
.cal .calbody.this-month {background-color:var(--oc-white);}
.cal .calbody.other-month {background-color:var(--oc-gray-1);}
.cal .calbody.other-month p.day-num {color: var(--oc-gray-5);}
.cal .calbody.today {background:var(--oc-yellow-0);}
.cal .calbody.today p.day-num {font-weight: bold;}
.cal .calbody.today .day-value {
color: var(--oc-white);
isolation: isolate;
}
.cal .calbody.today .day-value::before {
content: "";
position: absolute;
inset: 0;
background: var(--oc-blue-5);
border-radius: 50%;
z-index: -1;
}
.cal .calbody .icon {padding-block-start: 2px; padding-block-end: 3px;}
.cal .calbody.nwday:not(.other-month) {background-color:var(--oc-gray-1);}

View File

@@ -11,7 +11,8 @@
</li>
<% week.each do |day| %>
<li class="<%= calendar.day_css_classes day %> calbody">
<p class="day-num"><%= day.day %>
<p class="day-num">
<span class="day-value"><%= day.day %></span>
<span class="abbr-day">(<%= abbr_day_name(day.cwday) %>)</span>
</p>
<% calendar.events_on(day).each do |i| %>