1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-30 08:28:20 +01:00
phorge-phorge/webroot/rsrc/css/phui/calendar/phui-calendar-day.css
lkassianik 6817e55ec6 Making the day view slightly less bad.
Summary: Ref T4393, Making the day view slightly less bad.

Test Plan: Open Calendar Advanced Search, search for day with multiple events starting at the same time, events should show up side by side, and should link to actual events.

Reviewers: chad, #blessed_reviewers, epriestley

Reviewed By: #blessed_reviewers, epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T4393

Differential Revision: https://secure.phabricator.com/D12686
2015-05-03 18:13:48 -07:00

49 lines
851 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;
}
.phui-calendar-day-event-link {
padding: 8px;
border: 1px solid {$blueborder};
background-color: {$bluebackground};
margin: 4px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-decoration: none;
color: {$greytext};
}