Events inside Team Calendar Macro not showing correct colors.

XMLWordPrintable

    • 5
    • Severity 3 - Minor
    • 1

      Issue Summary

      The event colors aren't shown correctly inside the Team Calendar Macro. (All the events that should be at a configured color, like in the Team Calendar home, are shown only in blue).

      Steps to Reproduce

      1. Create a team calendar
      2. Populate it with different events and Jira issues with different colors for each type of event
      3. Create a specific page, including a macro from this team calendar.

      Expected Results

      After creating the Team calendar, its page will show all the events with a single color for each event configured on the Team Calendar Macro.

      Actual Results

      It's possible to see the strange behavior from the object in the Calendar Home and inside the Calendar Macro for the same event:

       

      Element of the event in Team Calendar Home

      <a class="fc-day grid-event fc-daygrid-block-event fc-h-event fc-event fc-event-draggable fc-event-start fc-event-end fc-event-past jira-issue" tabindex="0" style="border-color: var({}ds-background-accent-red-subtle, #FF8F73); background-color: var({-}-ds-background-accent-red-subtle, #FF8F73);">
      <divclass="fc-event-main"style="color: rgb(255, 255, 255);">
      <spanaria-expanded="false"aria-haspopup="true"class="fc-content-trigger-wrapper">
      <divclass="fc-content css-xxoukg e1k9mu780">
      <spanclass="css-26abus e1k9mu781">
      <spanclass="iconStyler css-wil28i eus5z4b0">
      <spanaria-hidden="true"class="css-snhnyn"style="{}icon-primary-color: var({}ds-text-accent-red-bolder, #172B4D); {}icon-secondary-color: var({-}-ds-surface, #FFFFFF);">
      <svgwidth="24"height="24"viewBox="0 0 24 24"role="presentation">
      <pathd="M12.2 6h7.81C21.108 6 22 6.893 22 7.992v11.016c0 1.1-.898 1.992-1.99 1.992H3.99A1.992 1.992 0 012 19.008V5.006C2 3.898 2.896 3 3.997 3h5.006c1.103 0 2.327.826 2.742 1.862L12.2 6z"fill="currentColor"fill-rule="evenodd"></path>
      </svg>
      </span>
      </span>
      </span>
      <spancolor="var(--ds-text-accent-red-bolder, #172B4D)"class="css-1f5w0n2 e1k9mu783">2:30 PM</span>
      <spancolor="var(--ds-text-accent-red-bolder, #172B4D)"class="css-1gyq4q9 e1k9mu784">TEST-99999 - DB Update: Remove Entries for Device (Change start date)</span>
      </div>
      </span>
      </div>
      </a>

      Same element using a Macro for the Teams Calendar

      <divclass="fc-event fc-event-hori fc-event-draggable fc-event-start fc-event-end jira-issue ui-draggable"style="position: absolute; left: 267px; background-color: var({}ds-background-accent-blue-bolder, #3366cc); border-color: var({}ds-background-accent-blue-bolder, #3366cc); color: var({-}-ds-text-inverse, #FFFFFF); width: 67px; top: 2652px;"unselectable="on">
      <imgclass="iconEventPrint"src="/wiki/download/resources/com.atlassian.confluence.extra.team-calendars:calendar-resources/img/jira_16.png"alt="">
      <divclass="fc-event-inner">
      <spanclass="fc-event-time">2:30 PM</span>
      <spanclass="fc-event-title">TEST-99999 - DB Update: Remove Entries for Device (Change start date)</span>
      </div>
      <divclass="ui-resizable-handle ui-resizable-e"style="display: none;">   </div>
      </div>

      Workaround

      Currently, there is no known workaround for this behavior. A workaround will be added here when available.

        1. Screenshot 2023-09-20 at 4.03.42 PM.png
          264 kB
          Divya Shah

            Assignee:
            Unassigned
            Reporter:
            Vini Carvalho [Atlassian Support]
            Votes:
            6 Vote for this issue
            Watchers:
            15 Start watching this issue

              Created:
              Updated:
              Resolved: