mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-22 16:26:08 +08:00
a366f3be9b
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
68 lines
1.5 KiB
Plaintext
68 lines
1.5 KiB
Plaintext
// 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;
|
|
}
|