Mailspring/app/internal_packages/main-calendar/styles/main-calendar.less
Ben Gotow cff437e900
Upgrade to Electron 8, improve TS usage and TS errors outside calendar [requires re- npm install] (#2284)
* Shfit away from default exports and PropTypes for better TS support

* localize strings and expand use of types in WeekView, create new EventOccurence distinct from Event

* Remove calendar wrap, use TS enum for view type + consistent prop interface

* Bump Typescript to 3.8.3 and improve query / attribute / search typings

* Re-use the Autolinker for calendar event descriptions with aggressive phone detection

* Clean up WeekView and the editing popover, lots of cruft here

* Update ScrollRegion to initialize scrollbar provided by external ref

* Expose ScrollRegion’s resizeObserver to clean up tick interval tracking

* Simply tickGenerator and move it to a helper

* Bump to Electron 8.x for Chrome 75+ CSS features

* Bump Handlebars dep to fix annoying npm audit noise

* Remove electron-remote from electron-spellchecker

* Explicitly add node-gyp, why is this necessary?

* Fix lesslint issues

* Bump eslint and let it fix 133 issues

* Satisfy remaining eslint@2020 errors by hand

* Add tsc-watch npm script and fix all TS errors outside calendar

* Configure appveyor to publish all the pdb files it gets

* Log sync exit codes and signals for easier triage on Windows

* Upgrade npm, mark that the build process supports Node 11+ not just Node 11

* Resolve more errors

* Upgrade sqlite to be a context-aware native module

* Fix: Tab key no longer navigating into contenteditable because tabIndex not inferred

* Fix: Bad print styles because Chrome now adds more CSS of it’s own when doctype is missing

* Fix: before-navigate is now called after beforeunload
2021-02-14 15:58:22 -06:00

87 lines
2 KiB
Text

// The ui-variables file is provided by base themes provided by N1.
@import 'ui-variables';
@import 'ui-mixins';
.fixed-popover .calendar-event-popover {
color: fadeout(@text-color, 20%);
background-color: @background-primary;
display: flex;
flex-direction: column;
font-size: @font-size-small;
max-height: 95vh;
width: 300px;
.location {
color: @text-color-very-subtle;
padding: @padding-base-vertical @padding-base-horizontal;
word-wrap: break-word;
flex-shrink: 0;
}
.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;
align-items: center;
flex-shrink: 0;
.title {
padding-right: @padding-base-vertical;
}
}
.edit-icon {
background-color: @text-color-inverse;
cursor: pointer;
}
.invitees .scroll-region-content {
max-height: 160px;
word-wrap: break-word;
position: relative;
}
.description {
white-space: pre-line;
word-wrap: break-word;
}
.description .scroll-region-content {
max-height: 250px;
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;
}
.preview-notice {
display: block;
box-sizing: border-box;
-webkit-print-color-adjust: exact;
padding: 8px 12px;
border-bottom: 1px solid rgb(235, 224, 204);
color: rgb(169, 136, 66);
background-color: rgb(242, 235, 222);
white-space: nowrap;
overflow: hidden;
}