1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-11 17:32:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/calendar/phui-calendar.css
epriestley b6c3d184d2 Make Calendar month view events render a little more consistently
Summary:
Ref T11326. This just inches things forward a little bit:

  - Make it easier to see current day.
  - Line-through cancelled events.
  - Don't colorize the whole event title, just use an Attending/Invited/Custom icon.
  - Slightly subtler treatment for all-day events.

Test Plan: See screenshot in T11326.

Reviewers: chad

Reviewed By: chad

Maniphest Tasks: T11326

Differential Revision: https://secure.phabricator.com/D16306
2016-07-15 13:24:54 -07:00

146 lines
2.4 KiB
CSS

/**
* @provides phui-calendar-css
*/
.phui-calendar-list a {
color: {$greytext};
}
.phui-calendar-list .event-cancelled .phui-calendar-list-title {
text-decoration: line-through;
}
.phui-calendar-viewer-invited a {
color: {$green};
}
.phui-calendar-red a {
color: {$red};
}
.phui-calendar-orange a {
color: {$orange};
}
.phui-calendar-yellow a {
color: {$yellow};
}
.phui-calendar-green a {
color: {$green}
}
.phui-calendar-blue a {
color: {$blue};
}
.phui-calendar-sky a {
color: {$sky};
}
.phui-calendar-indigo a {
color: {$indigo};
}
.phui-calendar-violet a {
color: {$violet};
}
.phui-calendar-grey a {
color: {$lightgreytext};
}
.phui-calendar-bg-viewer-invited {
background-color: {$lightgreen};
}
.phui-calendar-bg-red {
background-color: {$lightred};
}
.phui-calendar-bg-orange {
background-color: {$lightorange};
}
.phui-calendar-bg-yellow {
background-color: {$lightyellow};
}
.phui-calendar-bg-green {
background-color: {$lightgreen};
}
.phui-calendar-bg-blue {
background-color: {$lightblue};
}
.phui-calendar-bg-sky {
background-color: {$lightsky};
}
.phui-calendar-bg-indigo {
background-color: {$lightindigo};
}
.phui-calendar-bg-violet {
background-color: {$lightviolet};
}
.phui-calendar-bg-grey {
background-color: {$darkgreybackground};
}
.phui-calendar-list-dot {
background-color: {$lightgreytext};
border-color: {$lightgreytext};
}
.phui-calendar-viewer-invited .phui-calendar-list-dot {
background-color: {$green};
border-color: {$green};
}
.phui-calendar-red .phui-calendar-list-dot {
background-color: {$red};
border-color: {$red};
}
.phui-calendar-orange .phui-calendar-list-dot {
background-color: {$orange};
border-color: {$orange};
}
.phui-calendar-yellow .phui-calendar-list-dot {
background-color: {$orange};
border-color: {$orange};
}
.phui-calendar-green .phui-calendar-list-dot {
background-color: {$green};
border-color: {$green};
}
.phui-calendar-blue .phui-calendar-list-dot {
background-color: {$blue};
border-color: {$blue};
}
.phui-calendar-sky .phui-calendar-list-dot {
background-color: {$sky};
border-color: {$sky};
}
.phui-calendar-indigo .phui-calendar-list-dot {
background-color: {$indigo};
border-color: {$indigo};
}
.phui-calendar-violet .phui-calendar-list-dot {
background-color: {$violet};
border-color: {$violet};
}
.phui-calendar-grey .phui-calendar-list-dot {
background-color: {$lightgreytext};
border-color: {$lightgreytext};
}