1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 18:52:42 +01:00
phorge-phorge/webroot/rsrc/css/phui/calendar/phui-calendar-day.css
lkassianik 853f42e97d Make calendar day view events fill up the correctly sized slots
Summary: Ref T4393, Make calendar day view events fill up the correctly sized slots. (not handling overlapping slots)

Test Plan: Create an event 4:30-5:30am. Day view should correctly reflect when event happens.

Reviewers: epriestley, #blessed_reviewers, chad

Reviewed By: epriestley, #blessed_reviewers

Subscribers: Korvin, epriestley

Maniphest Tasks: T4393

Differential Revision: https://secure.phabricator.com/D12700
2015-05-04 10:53:15 -07:00

50 lines
873 B
CSS

/**
* @provides phui-calendar-day-css
*/
.phui-calendar-day-view {
overflow: scroll;
width: 100%;
}
.phui-calendar-day-hour {
width: 60px;
color: {$lightgreytext};
text-align: right;
padding: 4px 4px;
border-right: 1px solid {$lightgreyborder};
}
.phui-calendar-day-view tr {
height: 60px;
}
.phui-calendar-day-view td {
position: relative;
}
.phui-calendar-day-view tr + tr td.phui-calendar-day-events {
border-top: 1px solid {$lightgreyborder};
}
.phui-calendar-day-view td div.phui-calendar-day-event {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
min-height: 30px;
}
.phui-calendar-day-event-link {
padding: 8px;
border: 1px solid {$blueborder};
background-color: {$bluebackground};
margin: 0 4px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-decoration: none;
color: {$greytext};
}