Project

General

Profile

Download (2.19 KB)

Feature #43728 » 0001-Update-calendar-today-styling-to-blue-date-indicator.patch

Mizuki ISHIKAWA, 2026-01-28 08:09

View differences:

app/assets/stylesheets/application.css
1507 1507 
}
1508 1508 

  		




  1509
  1509
  
    
.cal .calbody p.day-num {font-size: 1.1em; text-align: end;}

  		




  
  1510
  
    
.cal .calbody .day-value {

  		




  
  1511
  
    
  position: relative;

  		




  
  1512
  
    
  display: inline-flex;

  		




  
  1513
  
    
  align-items: center;

  		




  
  1514
  
    
  justify-content: center;

  		




  
  1515
  
    
  width: 1.5em;

  		




  
  1516
  
    
  height: 1.5em;

  		




  
  1517
  
    
}

  		




  1510
  1518
  
    
.cal .calbody .abbr-day {display:none}

  		




  1511
  1519
  
    
.cal .calbody.this-month {background-color:var(--oc-white);}

  		




  1512
  1520
  
    
.cal .calbody.other-month {background-color:var(--oc-gray-1);}

  		




  1513
  1521
  
    
.cal .calbody.other-month p.day-num {color: var(--oc-gray-5);}

  		




  1514
  
  
    
.cal .calbody.today {background:var(--oc-yellow-0);}

  		




  1515
  1522
  
    
.cal .calbody.today p.day-num {font-weight: bold;}

  		




  1516
  
  
    

  		




  
  1523
  
    
.cal .calbody.today .day-value {

  		




  
  1524
  
    
  color: var(--oc-white);

  		




  
  1525
  
    
  isolation: isolate;

  		




  
  1526
  
    
}

  		




  
  1527
  
    
.cal .calbody.today .day-value::before {

  		




  
  1528
  
    
  content: "";

  		




  
  1529
  
    
  position: absolute;

  		




  
  1530
  
    
  inset: 0;

  		




  
  1531
  
    
  background: var(--oc-blue-5);

  		




  
  1532
  
    
  border-radius: 50%;

  		




  
  1533
  
    
  z-index: -1;

  		




  
  1534
  
    
}

  		




  1517
  1535
  
    
.cal .calbody .icon {padding-block-start: 2px; padding-block-end: 3px;}

  		




  1518
  1536
  
    
.cal .calbody.nwday:not(.other-month) {background-color:var(--oc-gray-1);}

  		




  1519
  1537
  
    

  		












  

    
      app/views/common/_calendar.html.erb
    
  





  11
  11
  
    
    </li>

  		




  12
  12
  
    
    <% week.each do |day| %>

  		




  13
  13
  
    
    <li class="<%= calendar.day_css_classes day %> calbody">

  		




  14
  
  
    
      <p class="day-num"><%= day.day %>

  		




  
  14
  
    
      <p class="day-num">

  		




  
  15
  
    
        <span class="day-value"><%= day.day %></span>

  		




  15
  16
  
    
        <span class="abbr-day">(<%= abbr_day_name(day.cwday) %>)</span>

  		




  16
  17
  
    
      </p>

  		




  17
  18
  
    
      <% calendar.events_on(day).each do |i| %>

  		















  (5-5/5)