Skip to content
Permalink
Browse files

feat(multiviewcalendar): add multiviewcalendar for kendo-jquery

  • Loading branch information...
joneff committed Oct 26, 2018
1 parent 2be40dd commit 9761e3087abee41b59e814e9360f8af758d93a0b
@@ -1,4 +1,5 @@
@import "~@progress/kendo-theme-default/scss/mixins/core/config-maps";
@import "~@progress/kendo-theme-default/scss/mixins/core/math";
@import "~@progress/kendo-theme-default/scss/mixins/colors";
@import "bootstrap-overrides";
@import "~bootstrap/scss/functions";
@@ -780,6 +781,96 @@ $card-actions-padding-y: ($card-padding-y - $button-padding-y) !default;
$card-actions-border-width: 1px !default;


// Calendar
$calendar-border-width: 1px !default;
$calendar-font-size: $font-size !default;
$calendar-line-height: $line-height !default;

$calendar-header-padding-x: $padding-x !default;
$calendar-header-padding-y: $padding-y !default;
$calendar-header-padding-x-sm: ($calendar-header-padding-y / 2) !default;
$calendar-header-padding-y-sm: $calendar-header-padding-x-sm !default;
$calendar-header-border-width: 1px !default;

$calendar-content-padding-x: $calendar-header-padding-x;
$calendar-content-padding-y: $calendar-header-padding-y;

$calendar-cell-padding-x: .5rem !default;
$calendar-cell-padding-y: $calendar-cell-padding-x !default;
$calendar-cell-line-height: $calendar-line-height !default;
$calendar-cell-size-px: 40px !default;
$calendar-cell-size: ($calendar-cell-size-px / $font-size) * 1rem !default;
$calendar-cell-border-radius: $border-radius !default;

$calendar-header-cell-padding-x: 0 !default;
$calendar-header-cell-padding-y: ($calendar-cell-padding-y / 2) !default;
$calendar-header-cell-font-size: $font-size-sm !default;
$calendar-header-cell-line-height: 2 !default;

$calendar-header-height: 2em !default;

$calendar-navigation-width: 5em !default;
$calendar-navigation-item-height: 2em !default;

$calendar-view-width: 7 * $calendar-cell-size !default;
$calendar-view-height: add-two(
8 * $calendar-cell-size,
$calendar-header-height
) !default;

$calendar-bg: $widget-bg !default;
$calendar-text: $widget-text !default;
$calendar-border: $widget-border !default;

$calendar-header-bg: $header-bg !default;
$calendar-header-text: $header-text !default;
$calendar-header-border: $header-border !default;
$calendar-header-gradient: $header-gradient !default;
$calendar-header-shadow: none !default;

$calendar-header-cell-text: $calendar-header-text !default;
$calendar-header-cell-opacity: $disabled-opacity !default;

$calendar-navigation-bg: $calendar-header-bg !default;
$calendar-navigation-text: $calendar-header-text !default;
$calendar-navigation-border: $calendar-header-border !default;

$calendar-today-nav-text: $link-text !default;
$calendar-today-nav-hovered-text: $link-hover-text !default;

$calendar-weekend-text: inherit !default;
$calendar-weekend-bg: transparent !default;
$calendar-weekend-opacity: 1 !default;

$calendar-today-style: box !default;
$calendar-today-color: $accent;

$calendar-week-number-bg: $calendar-header-bg !default;
$calendar-week-number-text: $calendar-header-text !default;
$calendar-week-number-opacity: $calendar-header-cell-opacity !default;

$calendar-other-month-opacity: $calendar-header-cell-opacity !default;

$calendar-cell-hovered-bg: $node-hovered-bg !default;
$calendar-cell-hovered-text: $node-hovered-text !default;
$calendar-cell-hovered-border: $node-hovered-border !default;

$calendar-cell-selected-bg: $node-selected-bg !default;
$calendar-cell-selected-text: $node-selected-text !default;
$calendar-cell-selected-border: $node-selected-border !default;

$calendar-cell-focused-shadow: inset $button-focused-shadow !default;
$calendar-cell-selected-focus-shadow: inset 0 0 0 2px rgba($primary-button-pressed-border, .5) !default;


// Multiview Calendar
$multiviewcalendar-button-style: stretched !default;
$multiviewcalendar-button-size: 50px !default;
$multiviewcalendar-gap: ($calendar-content-padding-x * 2) !default;
$multiviewcalendar-content-padding-x: ($multiviewcalendar-gap / 2);
$multiviewcalendar-content-padding-y: $calendar-content-padding-y;


// Chat
$chat-padding-x: 16px !default;
$chat-padding-y: 16px !default;
@@ -1,5 +1 @@
$calendar-cell-border-radius: $border-radius !default;
$calendar-view-gap: 40px !default;
$calendar-multiview-button-size: 50px !default;

@import "~@progress/kendo-theme-default/scss/calendar/layout";
@@ -1,19 +1 @@
$calendar-header-shadow: none !default;
$calendar-weekend-bg: transparent !default;
$calendar-week-number-bg: transparent !default;
$calendar-range-selection: lighten($accent, 40%) !default;
$calendar-today-style: box !default;
$calendar-navigation-bg: $header-bg !default;
$calendar-navigation-border: $header-border !default;
$calendar-focus-shadow: inset $button-focused-shadow !default;
$calendar-selected-focus-shadow: inset 0 0 0 2px rgba($primary-button-pressed-border, .5) !default;

@import "~@progress/kendo-theme-default/scss/calendar/theme";

@include exports("calendar/theme/bootstrap") {

.k-calendar-monthview .k-content th {
font-size: $font-size-xs;
color: $header-text;
}
}
@@ -1,4 +1,5 @@
@import "mixins/core/config-maps";
@import "mixins/core/math";
@import "mixins/colors";


@@ -732,6 +733,93 @@ $card-deck-scroll-button-radius: 0 !default;
$card-deck-scroll-button-offset: -$button-border-width !default;


// Calendar
$calendar-border-width: 1px !default;
$calendar-font-size: $font-size !default;
$calendar-line-height: $line-height !default;

$calendar-header-padding-x: ($padding-x * 2) !default;
$calendar-header-padding-y: ($padding-y * 2) !default;
$calendar-header-padding-x-sm: ($calendar-header-padding-y / 2) !default;
$calendar-header-padding-y-sm: $calendar-header-padding-x-sm !default;
$calendar-header-border-width: 1px !default;

$calendar-content-padding-x: $calendar-header-padding-x;
$calendar-content-padding-y: $calendar-header-padding-y;

$calendar-cell-padding-x: .5em !default;
$calendar-cell-padding-y: $calendar-cell-padding-x !default;
$calendar-cell-line-height: $calendar-line-height !default;
$calendar-cell-size-px: 34px !default;
$calendar-cell-size: ($calendar-cell-size-px / $font-size) * 1em !default;
$calendar-cell-border-radius: $border-radius !default;

$calendar-header-cell-padding-x: 0 !default;
$calendar-header-cell-padding-y: ($calendar-cell-padding-y / 2) !default;
$calendar-header-cell-font-size: $font-size-sm !default;
$calendar-header-cell-line-height: 2 !default;

$calendar-header-height: 2em !default;

$calendar-navigation-width: 5em !default;
$calendar-navigation-item-height: 2em !default;

$calendar-view-width: 7 * $calendar-cell-size !default;
$calendar-view-height: add-two(
8 * $calendar-cell-size,
$calendar-header-height
) !default;

$calendar-bg: $widget-bg !default;
$calendar-text: $widget-text !default;
$calendar-border: $widget-border !default;

$calendar-header-bg: $header-bg !default;
$calendar-header-text: $header-text !default;
$calendar-header-border: $header-border !default;
$calendar-header-gradient: $header-gradient !default;
$calendar-header-shadow: 0 1px 3px 1px rgba(black, .1) !default;

$calendar-header-cell-text: $calendar-header-text !default;
$calendar-header-cell-opacity: $disabled-opacity !default;

$calendar-navigation-bg: $calendar-header-bg !default;
$calendar-navigation-text: $calendar-header-text !default;
$calendar-navigation-border: $calendar-header-border !default;

$calendar-today-nav-text: $link-text !default;
$calendar-today-nav-hovered-text: $link-hover-text !default;

$calendar-weekend-text: inherit !default;
$calendar-weekend-bg: transparent !default;
$calendar-weekend-opacity: 1 !default;

$calendar-week-number-bg: $calendar-header-bg !default;
$calendar-week-number-text: $calendar-header-text !default;
$calendar-week-number-opacity: $calendar-header-cell-opacity !default;

$calendar-other-month-opacity: $calendar-header-cell-opacity !default;

$calendar-cell-hovered-bg: $node-hovered-bg !default;
$calendar-cell-hovered-text: $node-hovered-text !default;
$calendar-cell-hovered-border: $node-hovered-border !default;

$calendar-cell-selected-bg: $node-selected-bg !default;
$calendar-cell-selected-text: $node-selected-text !default;
$calendar-cell-selected-border: $node-selected-border !default;

$calendar-cell-focused-shadow: $list-item-focused-shadow !default;
$calendar-cell-selected-focus-shadow: $calendar-cell-focused-shadow !default;


// Multiview Calendar
$multiviewcalendar-button-style: stretched !default;
$multiviewcalendar-button-size: 44px !default;
$multiviewcalendar-gap: ($calendar-content-padding-x * 2) !default;
$multiviewcalendar-content-padding-x: ($multiviewcalendar-gap / 2);
$multiviewcalendar-content-padding-y: $calendar-content-padding-y;


// Chat
$chat-padding-x: 16px !default;
$chat-padding-y: 16px !default;

0 comments on commit 9761e30

Please sign in to comment.
You can’t perform that action at this time.