Mailspring/internal_packages/main-calendar/stylesheets/main-calendar.less
Halla Moore a366f3be9b feat(calendar): Add functionality to create/edit events
Summary:
Add some basic functionality for creating and editing calendar events

This is a weird work-around diff. Original review is at
https://phab.nylas.com/D3396

Test Plan: manual

Reviewers: bengotow

Reviewed By: bengotow

Differential Revision: https://phab.nylas.com/D3426
2016-11-14 12:21:29 -08:00

67 lines
1.5 KiB
Text

// The ui-variables file is provided by base themes provided by N1.
@import "ui-variables";
@import "ui-mixins";
.main-calendar {
height: 100%;
.event-grid-legend {
border-left: 1px solid @border-color-divider;
}
}
.calendar-event-popover {
color: fadeout(@text-color, 20%);
background-color: @background-primary;
display: flex;
flex-direction: column;
font-size: @font-size-small;
width: 300px;
.location {
color: @text-color-very-subtle;
padding: @padding-base-vertical @padding-base-horizontal;
word-wrap: break-word;
}
.title-wrapper {
color: @text-color-inverse;
display: flex;
font-size: @font-size-larger;
background-color: @accent-primary;
border-top-left-radius: @border-radius-base;
border-top-right-radius: @border-radius-base;
padding: @padding-base-vertical @padding-base-horizontal;
}
.edit-icon {
background-color: @text-color-inverse;
cursor: pointer;
}
.description .scroll-region-content {
max-height:300px;
word-wrap: break-word;
position: relative;
}
.label {
color: @text-color-very-subtle;
}
.section {
border-top: 1px solid @border-color-divider;
padding: @padding-base-vertical @padding-base-horizontal;
}
.row.time {
.time-picker {
text-align: center;
}
.time-picker-wrap {
margin-right: 5px;
.time-options {
z-index: 10; // So the time pickers show over
}
}
}
}
.quick-event-popover {
width: 250px;
}