1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-14 10:52:41 +01:00
phorge-phorge/webroot/rsrc/css/phui/calendar/phui-calendar-day.css
lkassianik 8465ef779e Cleaning up day view sidebar css
Summary: Cleaning up day view sidebar css

Test Plan: All day events in day view sidebar should look like links, not boxes

Reviewers: chad, #blessed_reviewers, epriestley

Reviewed By: #blessed_reviewers, epriestley

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12801
2015-05-11 18:35:41 -07:00

72 lines
1.3 KiB
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};
}
.day-view-all-day {
border: 1px solid {$blueborder};
height: 12px;
margin: 0;
display: block;
padding: 8px;
background-color: {$bluebackground};
text-decoration: none;
color: {$greytext};
}
.phui-calendar-day-event + .phui-calendar-day-event .day-view-all-day {
border-top-style: none;
border-top-width: 0;
}
.phui-calendar-all-day-label {
color: {$greytext};
float: right;
margin: 8px 8px 0 0;
}