@sunggang/ui-lib 0.1.68 → 0.1.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.css +0 -737
- package/index.esm.js +712 -21136
- package/package.json +1 -1
- package/src/index.d.ts +0 -2
- package/src/lib/BigCalender/index.stories.d.ts +0 -22
package/index.esm.css
CHANGED
|
@@ -2551,740 +2551,3 @@ video {
|
|
|
2551
2551
|
color: #849095;
|
|
2552
2552
|
padding: 0.833em;
|
|
2553
2553
|
}
|
|
2554
|
-
|
|
2555
|
-
@charset "UTF-8";
|
|
2556
|
-
.rbc-btn {
|
|
2557
|
-
color: inherit;
|
|
2558
|
-
font: inherit;
|
|
2559
|
-
margin: 0;
|
|
2560
|
-
}
|
|
2561
|
-
|
|
2562
|
-
button.rbc-btn {
|
|
2563
|
-
overflow: visible;
|
|
2564
|
-
text-transform: none;
|
|
2565
|
-
-webkit-appearance: button;
|
|
2566
|
-
cursor: pointer;
|
|
2567
|
-
}
|
|
2568
|
-
|
|
2569
|
-
button[disabled].rbc-btn {
|
|
2570
|
-
cursor: not-allowed;
|
|
2571
|
-
}
|
|
2572
|
-
|
|
2573
|
-
button.rbc-input::-moz-focus-inner {
|
|
2574
|
-
border: 0;
|
|
2575
|
-
padding: 0;
|
|
2576
|
-
}
|
|
2577
|
-
|
|
2578
|
-
.rbc-calendar {
|
|
2579
|
-
box-sizing: border-box;
|
|
2580
|
-
height: 100%;
|
|
2581
|
-
display: flex;
|
|
2582
|
-
flex-direction: column;
|
|
2583
|
-
align-items: stretch;
|
|
2584
|
-
}
|
|
2585
|
-
|
|
2586
|
-
.rbc-calendar *,
|
|
2587
|
-
.rbc-calendar *:before,
|
|
2588
|
-
.rbc-calendar *:after {
|
|
2589
|
-
box-sizing: inherit;
|
|
2590
|
-
}
|
|
2591
|
-
|
|
2592
|
-
.rbc-abs-full, .rbc-row-bg {
|
|
2593
|
-
overflow: hidden;
|
|
2594
|
-
position: absolute;
|
|
2595
|
-
top: 0;
|
|
2596
|
-
left: 0;
|
|
2597
|
-
right: 0;
|
|
2598
|
-
bottom: 0;
|
|
2599
|
-
}
|
|
2600
|
-
|
|
2601
|
-
.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
|
|
2602
|
-
display: block;
|
|
2603
|
-
overflow: hidden;
|
|
2604
|
-
text-overflow: ellipsis;
|
|
2605
|
-
white-space: nowrap;
|
|
2606
|
-
}
|
|
2607
|
-
|
|
2608
|
-
.rbc-rtl {
|
|
2609
|
-
direction: rtl;
|
|
2610
|
-
}
|
|
2611
|
-
|
|
2612
|
-
.rbc-off-range {
|
|
2613
|
-
color: #999999;
|
|
2614
|
-
}
|
|
2615
|
-
|
|
2616
|
-
.rbc-off-range-bg {
|
|
2617
|
-
background: #e6e6e6;
|
|
2618
|
-
}
|
|
2619
|
-
|
|
2620
|
-
.rbc-header {
|
|
2621
|
-
overflow: hidden;
|
|
2622
|
-
flex: 1 0 0%;
|
|
2623
|
-
text-overflow: ellipsis;
|
|
2624
|
-
white-space: nowrap;
|
|
2625
|
-
padding: 0 3px;
|
|
2626
|
-
text-align: center;
|
|
2627
|
-
vertical-align: middle;
|
|
2628
|
-
font-weight: bold;
|
|
2629
|
-
font-size: 90%;
|
|
2630
|
-
min-height: 0;
|
|
2631
|
-
border-bottom: 1px solid #ddd;
|
|
2632
|
-
}
|
|
2633
|
-
.rbc-header + .rbc-header {
|
|
2634
|
-
border-left: 1px solid #ddd;
|
|
2635
|
-
}
|
|
2636
|
-
.rbc-rtl .rbc-header + .rbc-header {
|
|
2637
|
-
border-left-width: 0;
|
|
2638
|
-
border-right: 1px solid #ddd;
|
|
2639
|
-
}
|
|
2640
|
-
.rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
|
|
2641
|
-
color: inherit;
|
|
2642
|
-
text-decoration: none;
|
|
2643
|
-
}
|
|
2644
|
-
|
|
2645
|
-
.rbc-button-link {
|
|
2646
|
-
color: inherit;
|
|
2647
|
-
background: none;
|
|
2648
|
-
margin: 0;
|
|
2649
|
-
padding: 0;
|
|
2650
|
-
border: none;
|
|
2651
|
-
cursor: pointer;
|
|
2652
|
-
-webkit-user-select: text;
|
|
2653
|
-
-moz-user-select: text;
|
|
2654
|
-
user-select: text;
|
|
2655
|
-
}
|
|
2656
|
-
|
|
2657
|
-
.rbc-row-content {
|
|
2658
|
-
position: relative;
|
|
2659
|
-
-moz-user-select: none;
|
|
2660
|
-
user-select: none;
|
|
2661
|
-
-webkit-user-select: none;
|
|
2662
|
-
z-index: 4;
|
|
2663
|
-
}
|
|
2664
|
-
|
|
2665
|
-
.rbc-row-content-scrollable {
|
|
2666
|
-
display: flex;
|
|
2667
|
-
flex-direction: column;
|
|
2668
|
-
height: 100%;
|
|
2669
|
-
}
|
|
2670
|
-
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
|
|
2671
|
-
height: 100%;
|
|
2672
|
-
overflow-y: scroll;
|
|
2673
|
-
/* Hide scrollbar for Chrome, Safari and Opera */
|
|
2674
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
2675
|
-
scrollbar-width: none; /* Firefox */
|
|
2676
|
-
}
|
|
2677
|
-
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
|
|
2678
|
-
display: none;
|
|
2679
|
-
}
|
|
2680
|
-
|
|
2681
|
-
.rbc-today {
|
|
2682
|
-
background-color: #eaf6ff;
|
|
2683
|
-
}
|
|
2684
|
-
|
|
2685
|
-
.rbc-toolbar {
|
|
2686
|
-
display: flex;
|
|
2687
|
-
flex-wrap: wrap;
|
|
2688
|
-
justify-content: center;
|
|
2689
|
-
align-items: center;
|
|
2690
|
-
margin-bottom: 10px;
|
|
2691
|
-
font-size: 16px;
|
|
2692
|
-
}
|
|
2693
|
-
.rbc-toolbar .rbc-toolbar-label {
|
|
2694
|
-
flex-grow: 1;
|
|
2695
|
-
padding: 0 10px;
|
|
2696
|
-
text-align: center;
|
|
2697
|
-
}
|
|
2698
|
-
.rbc-toolbar button {
|
|
2699
|
-
color: #373a3c;
|
|
2700
|
-
display: inline-block;
|
|
2701
|
-
margin: 0;
|
|
2702
|
-
text-align: center;
|
|
2703
|
-
vertical-align: middle;
|
|
2704
|
-
background: none;
|
|
2705
|
-
background-image: none;
|
|
2706
|
-
border: 1px solid #ccc;
|
|
2707
|
-
padding: 0.375rem 1rem;
|
|
2708
|
-
border-radius: 4px;
|
|
2709
|
-
line-height: normal;
|
|
2710
|
-
white-space: nowrap;
|
|
2711
|
-
}
|
|
2712
|
-
.rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
|
|
2713
|
-
background-image: none;
|
|
2714
|
-
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
|
2715
|
-
background-color: #e6e6e6;
|
|
2716
|
-
border-color: #adadad;
|
|
2717
|
-
}
|
|
2718
|
-
.rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
|
|
2719
|
-
color: #373a3c;
|
|
2720
|
-
background-color: #d4d4d4;
|
|
2721
|
-
border-color: #8c8c8c;
|
|
2722
|
-
}
|
|
2723
|
-
.rbc-toolbar button:focus {
|
|
2724
|
-
color: #373a3c;
|
|
2725
|
-
background-color: #e6e6e6;
|
|
2726
|
-
border-color: #adadad;
|
|
2727
|
-
}
|
|
2728
|
-
.rbc-toolbar button:hover {
|
|
2729
|
-
color: #373a3c;
|
|
2730
|
-
background-color: #e6e6e6;
|
|
2731
|
-
border-color: #adadad;
|
|
2732
|
-
}
|
|
2733
|
-
|
|
2734
|
-
.rbc-btn-group {
|
|
2735
|
-
display: inline-block;
|
|
2736
|
-
white-space: nowrap;
|
|
2737
|
-
}
|
|
2738
|
-
.rbc-btn-group > button:first-child:not(:last-child) {
|
|
2739
|
-
border-top-right-radius: 0;
|
|
2740
|
-
border-bottom-right-radius: 0;
|
|
2741
|
-
}
|
|
2742
|
-
.rbc-btn-group > button:last-child:not(:first-child) {
|
|
2743
|
-
border-top-left-radius: 0;
|
|
2744
|
-
border-bottom-left-radius: 0;
|
|
2745
|
-
}
|
|
2746
|
-
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
|
|
2747
|
-
border-radius: 4px;
|
|
2748
|
-
border-top-left-radius: 0;
|
|
2749
|
-
border-bottom-left-radius: 0;
|
|
2750
|
-
}
|
|
2751
|
-
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
|
|
2752
|
-
border-radius: 4px;
|
|
2753
|
-
border-top-right-radius: 0;
|
|
2754
|
-
border-bottom-right-radius: 0;
|
|
2755
|
-
}
|
|
2756
|
-
.rbc-btn-group > button:not(:first-child):not(:last-child) {
|
|
2757
|
-
border-radius: 0;
|
|
2758
|
-
}
|
|
2759
|
-
.rbc-btn-group button + button {
|
|
2760
|
-
margin-left: -1px;
|
|
2761
|
-
}
|
|
2762
|
-
.rbc-rtl .rbc-btn-group button + button {
|
|
2763
|
-
margin-left: 0;
|
|
2764
|
-
margin-right: -1px;
|
|
2765
|
-
}
|
|
2766
|
-
.rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
|
|
2767
|
-
margin-left: 10px;
|
|
2768
|
-
}
|
|
2769
|
-
|
|
2770
|
-
@media (max-width: 767px) {
|
|
2771
|
-
.rbc-toolbar {
|
|
2772
|
-
flex-direction: column;
|
|
2773
|
-
}
|
|
2774
|
-
}
|
|
2775
|
-
.rbc-event, .rbc-day-slot .rbc-background-event {
|
|
2776
|
-
border: none;
|
|
2777
|
-
box-sizing: border-box;
|
|
2778
|
-
box-shadow: none;
|
|
2779
|
-
margin: 0;
|
|
2780
|
-
padding: 2px 5px;
|
|
2781
|
-
background-color: #3174ad;
|
|
2782
|
-
border-radius: 5px;
|
|
2783
|
-
color: #fff;
|
|
2784
|
-
cursor: pointer;
|
|
2785
|
-
width: 100%;
|
|
2786
|
-
text-align: left;
|
|
2787
|
-
}
|
|
2788
|
-
.rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
|
|
2789
|
-
cursor: inherit;
|
|
2790
|
-
pointer-events: none;
|
|
2791
|
-
}
|
|
2792
|
-
.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
|
|
2793
|
-
background-color: #265985;
|
|
2794
|
-
}
|
|
2795
|
-
.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
|
|
2796
|
-
outline: 5px auto #3b99fc;
|
|
2797
|
-
}
|
|
2798
|
-
|
|
2799
|
-
.rbc-event-label {
|
|
2800
|
-
font-size: 80%;
|
|
2801
|
-
}
|
|
2802
|
-
|
|
2803
|
-
.rbc-event-overlaps {
|
|
2804
|
-
box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
|
|
2805
|
-
}
|
|
2806
|
-
|
|
2807
|
-
.rbc-event-continues-prior {
|
|
2808
|
-
border-top-left-radius: 0;
|
|
2809
|
-
border-bottom-left-radius: 0;
|
|
2810
|
-
}
|
|
2811
|
-
|
|
2812
|
-
.rbc-event-continues-after {
|
|
2813
|
-
border-top-right-radius: 0;
|
|
2814
|
-
border-bottom-right-radius: 0;
|
|
2815
|
-
}
|
|
2816
|
-
|
|
2817
|
-
.rbc-event-continues-earlier {
|
|
2818
|
-
border-top-left-radius: 0;
|
|
2819
|
-
border-top-right-radius: 0;
|
|
2820
|
-
}
|
|
2821
|
-
|
|
2822
|
-
.rbc-event-continues-later {
|
|
2823
|
-
border-bottom-left-radius: 0;
|
|
2824
|
-
border-bottom-right-radius: 0;
|
|
2825
|
-
}
|
|
2826
|
-
|
|
2827
|
-
.rbc-row {
|
|
2828
|
-
display: flex;
|
|
2829
|
-
flex-direction: row;
|
|
2830
|
-
}
|
|
2831
|
-
|
|
2832
|
-
.rbc-row-segment {
|
|
2833
|
-
padding: 0 1px 1px 1px;
|
|
2834
|
-
}
|
|
2835
|
-
.rbc-selected-cell {
|
|
2836
|
-
background-color: rgba(0, 0, 0, 0.1);
|
|
2837
|
-
}
|
|
2838
|
-
|
|
2839
|
-
.rbc-show-more {
|
|
2840
|
-
background-color: rgba(255, 255, 255, 0.3);
|
|
2841
|
-
z-index: 4;
|
|
2842
|
-
font-weight: bold;
|
|
2843
|
-
font-size: 85%;
|
|
2844
|
-
height: auto;
|
|
2845
|
-
line-height: normal;
|
|
2846
|
-
color: #3174ad;
|
|
2847
|
-
}
|
|
2848
|
-
.rbc-show-more:hover, .rbc-show-more:focus {
|
|
2849
|
-
color: #265985;
|
|
2850
|
-
}
|
|
2851
|
-
|
|
2852
|
-
.rbc-month-view {
|
|
2853
|
-
position: relative;
|
|
2854
|
-
border: 1px solid #ddd;
|
|
2855
|
-
display: flex;
|
|
2856
|
-
flex-direction: column;
|
|
2857
|
-
flex: 1 0 0;
|
|
2858
|
-
width: 100%;
|
|
2859
|
-
-moz-user-select: none;
|
|
2860
|
-
user-select: none;
|
|
2861
|
-
-webkit-user-select: none;
|
|
2862
|
-
height: 100%;
|
|
2863
|
-
}
|
|
2864
|
-
|
|
2865
|
-
.rbc-month-header {
|
|
2866
|
-
display: flex;
|
|
2867
|
-
flex-direction: row;
|
|
2868
|
-
}
|
|
2869
|
-
|
|
2870
|
-
.rbc-month-row {
|
|
2871
|
-
display: flex;
|
|
2872
|
-
position: relative;
|
|
2873
|
-
flex-direction: column;
|
|
2874
|
-
flex: 1 0 0;
|
|
2875
|
-
flex-basis: 0px;
|
|
2876
|
-
overflow: hidden;
|
|
2877
|
-
height: 100%;
|
|
2878
|
-
}
|
|
2879
|
-
.rbc-month-row + .rbc-month-row {
|
|
2880
|
-
border-top: 1px solid #ddd;
|
|
2881
|
-
}
|
|
2882
|
-
|
|
2883
|
-
.rbc-date-cell {
|
|
2884
|
-
flex: 1 1 0;
|
|
2885
|
-
min-width: 0;
|
|
2886
|
-
padding-right: 5px;
|
|
2887
|
-
text-align: right;
|
|
2888
|
-
}
|
|
2889
|
-
.rbc-date-cell.rbc-now {
|
|
2890
|
-
font-weight: bold;
|
|
2891
|
-
}
|
|
2892
|
-
.rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
|
|
2893
|
-
color: inherit;
|
|
2894
|
-
text-decoration: none;
|
|
2895
|
-
}
|
|
2896
|
-
|
|
2897
|
-
.rbc-row-bg {
|
|
2898
|
-
display: flex;
|
|
2899
|
-
flex-direction: row;
|
|
2900
|
-
flex: 1 0 0;
|
|
2901
|
-
overflow: hidden;
|
|
2902
|
-
}
|
|
2903
|
-
|
|
2904
|
-
.rbc-day-bg {
|
|
2905
|
-
flex: 1 0 0%;
|
|
2906
|
-
}
|
|
2907
|
-
.rbc-day-bg + .rbc-day-bg {
|
|
2908
|
-
border-left: 1px solid #ddd;
|
|
2909
|
-
}
|
|
2910
|
-
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
|
|
2911
|
-
border-left-width: 0;
|
|
2912
|
-
border-right: 1px solid #ddd;
|
|
2913
|
-
}
|
|
2914
|
-
|
|
2915
|
-
.rbc-overlay {
|
|
2916
|
-
position: absolute;
|
|
2917
|
-
z-index: 5;
|
|
2918
|
-
border: 1px solid #e5e5e5;
|
|
2919
|
-
background-color: #fff;
|
|
2920
|
-
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
|
|
2921
|
-
padding: 10px;
|
|
2922
|
-
}
|
|
2923
|
-
.rbc-overlay > * + * {
|
|
2924
|
-
margin-top: 1px;
|
|
2925
|
-
}
|
|
2926
|
-
|
|
2927
|
-
.rbc-overlay-header {
|
|
2928
|
-
border-bottom: 1px solid #e5e5e5;
|
|
2929
|
-
margin: -10px -10px 5px -10px;
|
|
2930
|
-
padding: 2px 10px;
|
|
2931
|
-
}
|
|
2932
|
-
|
|
2933
|
-
.rbc-agenda-view {
|
|
2934
|
-
display: flex;
|
|
2935
|
-
flex-direction: column;
|
|
2936
|
-
flex: 1 0 0;
|
|
2937
|
-
overflow: auto;
|
|
2938
|
-
}
|
|
2939
|
-
.rbc-agenda-view table.rbc-agenda-table {
|
|
2940
|
-
width: 100%;
|
|
2941
|
-
border: 1px solid #ddd;
|
|
2942
|
-
border-spacing: 0;
|
|
2943
|
-
border-collapse: collapse;
|
|
2944
|
-
}
|
|
2945
|
-
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
|
|
2946
|
-
padding: 5px 10px;
|
|
2947
|
-
vertical-align: top;
|
|
2948
|
-
}
|
|
2949
|
-
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
|
|
2950
|
-
padding-left: 15px;
|
|
2951
|
-
padding-right: 15px;
|
|
2952
|
-
text-transform: lowercase;
|
|
2953
|
-
}
|
|
2954
|
-
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
|
|
2955
|
-
border-left: 1px solid #ddd;
|
|
2956
|
-
}
|
|
2957
|
-
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
|
|
2958
|
-
border-left-width: 0;
|
|
2959
|
-
border-right: 1px solid #ddd;
|
|
2960
|
-
}
|
|
2961
|
-
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
|
|
2962
|
-
border-top: 1px solid #ddd;
|
|
2963
|
-
}
|
|
2964
|
-
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
|
|
2965
|
-
padding: 3px 5px;
|
|
2966
|
-
text-align: left;
|
|
2967
|
-
border-bottom: 1px solid #ddd;
|
|
2968
|
-
}
|
|
2969
|
-
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
|
|
2970
|
-
text-align: right;
|
|
2971
|
-
}
|
|
2972
|
-
|
|
2973
|
-
.rbc-agenda-time-cell {
|
|
2974
|
-
text-transform: lowercase;
|
|
2975
|
-
}
|
|
2976
|
-
.rbc-agenda-time-cell .rbc-continues-after:after {
|
|
2977
|
-
content: " »";
|
|
2978
|
-
}
|
|
2979
|
-
.rbc-agenda-time-cell .rbc-continues-prior:before {
|
|
2980
|
-
content: "« ";
|
|
2981
|
-
}
|
|
2982
|
-
|
|
2983
|
-
.rbc-agenda-date-cell,
|
|
2984
|
-
.rbc-agenda-time-cell {
|
|
2985
|
-
white-space: nowrap;
|
|
2986
|
-
}
|
|
2987
|
-
|
|
2988
|
-
.rbc-agenda-event-cell {
|
|
2989
|
-
width: 100%;
|
|
2990
|
-
}
|
|
2991
|
-
|
|
2992
|
-
.rbc-time-column {
|
|
2993
|
-
display: flex;
|
|
2994
|
-
flex-direction: column;
|
|
2995
|
-
min-height: 100%;
|
|
2996
|
-
}
|
|
2997
|
-
.rbc-time-column .rbc-timeslot-group {
|
|
2998
|
-
flex: 1;
|
|
2999
|
-
}
|
|
3000
|
-
|
|
3001
|
-
.rbc-timeslot-group {
|
|
3002
|
-
border-bottom: 1px solid #ddd;
|
|
3003
|
-
min-height: 40px;
|
|
3004
|
-
display: flex;
|
|
3005
|
-
flex-flow: column nowrap;
|
|
3006
|
-
}
|
|
3007
|
-
|
|
3008
|
-
.rbc-time-gutter,
|
|
3009
|
-
.rbc-header-gutter {
|
|
3010
|
-
flex: none;
|
|
3011
|
-
}
|
|
3012
|
-
|
|
3013
|
-
.rbc-label {
|
|
3014
|
-
padding: 0 5px;
|
|
3015
|
-
}
|
|
3016
|
-
|
|
3017
|
-
.rbc-day-slot {
|
|
3018
|
-
position: relative;
|
|
3019
|
-
}
|
|
3020
|
-
.rbc-day-slot .rbc-events-container {
|
|
3021
|
-
bottom: 0;
|
|
3022
|
-
left: 0;
|
|
3023
|
-
position: absolute;
|
|
3024
|
-
right: 0;
|
|
3025
|
-
margin-right: 10px;
|
|
3026
|
-
top: 0;
|
|
3027
|
-
}
|
|
3028
|
-
.rbc-day-slot .rbc-events-container.rbc-rtl {
|
|
3029
|
-
left: 10px;
|
|
3030
|
-
right: 0;
|
|
3031
|
-
}
|
|
3032
|
-
.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
|
|
3033
|
-
border: 1px solid #265985;
|
|
3034
|
-
display: flex;
|
|
3035
|
-
max-height: 100%;
|
|
3036
|
-
min-height: 20px;
|
|
3037
|
-
flex-flow: column wrap;
|
|
3038
|
-
align-items: flex-start;
|
|
3039
|
-
overflow: hidden;
|
|
3040
|
-
position: absolute;
|
|
3041
|
-
}
|
|
3042
|
-
.rbc-day-slot .rbc-background-event {
|
|
3043
|
-
opacity: 0.75;
|
|
3044
|
-
}
|
|
3045
|
-
.rbc-day-slot .rbc-event-label {
|
|
3046
|
-
flex: none;
|
|
3047
|
-
padding-right: 5px;
|
|
3048
|
-
width: auto;
|
|
3049
|
-
}
|
|
3050
|
-
.rbc-day-slot .rbc-event-content {
|
|
3051
|
-
width: 100%;
|
|
3052
|
-
flex: 1 1 0;
|
|
3053
|
-
word-wrap: break-word;
|
|
3054
|
-
line-height: 1;
|
|
3055
|
-
height: 100%;
|
|
3056
|
-
min-height: 1em;
|
|
3057
|
-
}
|
|
3058
|
-
.rbc-day-slot .rbc-time-slot {
|
|
3059
|
-
border-top: 1px solid #f7f7f7;
|
|
3060
|
-
}
|
|
3061
|
-
|
|
3062
|
-
.rbc-time-view-resources .rbc-time-gutter,
|
|
3063
|
-
.rbc-time-view-resources .rbc-time-header-gutter {
|
|
3064
|
-
position: sticky;
|
|
3065
|
-
left: 0;
|
|
3066
|
-
background-color: white;
|
|
3067
|
-
border-right: 1px solid #ddd;
|
|
3068
|
-
z-index: 10;
|
|
3069
|
-
margin-right: -1px;
|
|
3070
|
-
}
|
|
3071
|
-
.rbc-time-view-resources .rbc-time-header {
|
|
3072
|
-
overflow: hidden;
|
|
3073
|
-
}
|
|
3074
|
-
.rbc-time-view-resources .rbc-time-header-content {
|
|
3075
|
-
min-width: auto;
|
|
3076
|
-
flex: 1 0 0;
|
|
3077
|
-
flex-basis: 0px;
|
|
3078
|
-
}
|
|
3079
|
-
.rbc-time-view-resources .rbc-time-header-cell-single-day {
|
|
3080
|
-
display: none;
|
|
3081
|
-
}
|
|
3082
|
-
.rbc-time-view-resources .rbc-day-slot {
|
|
3083
|
-
min-width: 140px;
|
|
3084
|
-
}
|
|
3085
|
-
.rbc-time-view-resources .rbc-header,
|
|
3086
|
-
.rbc-time-view-resources .rbc-day-bg {
|
|
3087
|
-
width: 140px;
|
|
3088
|
-
flex: 1 1 0;
|
|
3089
|
-
flex-basis: 0 px;
|
|
3090
|
-
}
|
|
3091
|
-
|
|
3092
|
-
.rbc-time-header-content + .rbc-time-header-content {
|
|
3093
|
-
margin-left: -1px;
|
|
3094
|
-
}
|
|
3095
|
-
|
|
3096
|
-
.rbc-time-slot {
|
|
3097
|
-
flex: 1 0 0;
|
|
3098
|
-
}
|
|
3099
|
-
.rbc-time-slot.rbc-now {
|
|
3100
|
-
font-weight: bold;
|
|
3101
|
-
}
|
|
3102
|
-
|
|
3103
|
-
.rbc-day-header {
|
|
3104
|
-
text-align: center;
|
|
3105
|
-
}
|
|
3106
|
-
|
|
3107
|
-
.rbc-slot-selection {
|
|
3108
|
-
z-index: 10;
|
|
3109
|
-
position: absolute;
|
|
3110
|
-
background-color: rgba(0, 0, 0, 0.5);
|
|
3111
|
-
color: white;
|
|
3112
|
-
font-size: 75%;
|
|
3113
|
-
width: 100%;
|
|
3114
|
-
padding: 3px;
|
|
3115
|
-
}
|
|
3116
|
-
|
|
3117
|
-
.rbc-slot-selecting {
|
|
3118
|
-
cursor: move;
|
|
3119
|
-
}
|
|
3120
|
-
|
|
3121
|
-
.rbc-time-view {
|
|
3122
|
-
display: flex;
|
|
3123
|
-
flex-direction: column;
|
|
3124
|
-
flex: 1;
|
|
3125
|
-
width: 100%;
|
|
3126
|
-
border: 1px solid #ddd;
|
|
3127
|
-
min-height: 0;
|
|
3128
|
-
}
|
|
3129
|
-
.rbc-time-view .rbc-time-gutter {
|
|
3130
|
-
white-space: nowrap;
|
|
3131
|
-
text-align: right;
|
|
3132
|
-
}
|
|
3133
|
-
.rbc-time-view .rbc-allday-cell {
|
|
3134
|
-
box-sizing: content-box;
|
|
3135
|
-
width: 100%;
|
|
3136
|
-
height: 100%;
|
|
3137
|
-
position: relative;
|
|
3138
|
-
}
|
|
3139
|
-
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
|
|
3140
|
-
border-left: 1px solid #ddd;
|
|
3141
|
-
}
|
|
3142
|
-
.rbc-time-view .rbc-allday-events {
|
|
3143
|
-
position: relative;
|
|
3144
|
-
z-index: 4;
|
|
3145
|
-
}
|
|
3146
|
-
.rbc-time-view .rbc-row {
|
|
3147
|
-
box-sizing: border-box;
|
|
3148
|
-
min-height: 20px;
|
|
3149
|
-
}
|
|
3150
|
-
|
|
3151
|
-
.rbc-time-header {
|
|
3152
|
-
display: flex;
|
|
3153
|
-
flex: 0 0 auto;
|
|
3154
|
-
flex-direction: row;
|
|
3155
|
-
}
|
|
3156
|
-
.rbc-time-header.rbc-overflowing {
|
|
3157
|
-
border-right: 1px solid #ddd;
|
|
3158
|
-
}
|
|
3159
|
-
.rbc-rtl .rbc-time-header.rbc-overflowing {
|
|
3160
|
-
border-right-width: 0;
|
|
3161
|
-
border-left: 1px solid #ddd;
|
|
3162
|
-
}
|
|
3163
|
-
.rbc-time-header > .rbc-row:first-child {
|
|
3164
|
-
border-bottom: 1px solid #ddd;
|
|
3165
|
-
}
|
|
3166
|
-
.rbc-time-header > .rbc-row.rbc-row-resource {
|
|
3167
|
-
border-bottom: 1px solid #ddd;
|
|
3168
|
-
}
|
|
3169
|
-
|
|
3170
|
-
.rbc-time-header-cell-single-day {
|
|
3171
|
-
display: none;
|
|
3172
|
-
}
|
|
3173
|
-
|
|
3174
|
-
.rbc-time-header-content {
|
|
3175
|
-
flex: 1;
|
|
3176
|
-
display: flex;
|
|
3177
|
-
min-width: 0;
|
|
3178
|
-
flex-direction: column;
|
|
3179
|
-
border-left: 1px solid #ddd;
|
|
3180
|
-
}
|
|
3181
|
-
.rbc-rtl .rbc-time-header-content {
|
|
3182
|
-
border-left-width: 0;
|
|
3183
|
-
border-right: 1px solid #ddd;
|
|
3184
|
-
}
|
|
3185
|
-
.rbc-time-header-content > .rbc-row.rbc-row-resource {
|
|
3186
|
-
border-bottom: 1px solid #ddd;
|
|
3187
|
-
flex-shrink: 0;
|
|
3188
|
-
}
|
|
3189
|
-
|
|
3190
|
-
.rbc-time-content {
|
|
3191
|
-
display: flex;
|
|
3192
|
-
flex: 1 0 0%;
|
|
3193
|
-
align-items: flex-start;
|
|
3194
|
-
width: 100%;
|
|
3195
|
-
border-top: 2px solid #ddd;
|
|
3196
|
-
overflow-y: auto;
|
|
3197
|
-
position: relative;
|
|
3198
|
-
}
|
|
3199
|
-
.rbc-time-content > .rbc-time-gutter {
|
|
3200
|
-
flex: none;
|
|
3201
|
-
}
|
|
3202
|
-
.rbc-time-content > * + * > * {
|
|
3203
|
-
border-left: 1px solid #ddd;
|
|
3204
|
-
}
|
|
3205
|
-
.rbc-rtl .rbc-time-content > * + * > * {
|
|
3206
|
-
border-left-width: 0;
|
|
3207
|
-
border-right: 1px solid #ddd;
|
|
3208
|
-
}
|
|
3209
|
-
.rbc-time-content > .rbc-day-slot {
|
|
3210
|
-
width: 100%;
|
|
3211
|
-
-moz-user-select: none;
|
|
3212
|
-
user-select: none;
|
|
3213
|
-
-webkit-user-select: none;
|
|
3214
|
-
}
|
|
3215
|
-
|
|
3216
|
-
.rbc-current-time-indicator {
|
|
3217
|
-
position: absolute;
|
|
3218
|
-
z-index: 3;
|
|
3219
|
-
left: 0;
|
|
3220
|
-
right: 0;
|
|
3221
|
-
height: 1px;
|
|
3222
|
-
background-color: #74ad31;
|
|
3223
|
-
pointer-events: none;
|
|
3224
|
-
}
|
|
3225
|
-
.rbc-addons-dnd .rbc-addons-dnd-row-body {
|
|
3226
|
-
position: relative;
|
|
3227
|
-
}
|
|
3228
|
-
.rbc-addons-dnd .rbc-addons-dnd-drag-row {
|
|
3229
|
-
position: absolute;
|
|
3230
|
-
top: 0;
|
|
3231
|
-
left: 0;
|
|
3232
|
-
right: 0;
|
|
3233
|
-
}
|
|
3234
|
-
.rbc-addons-dnd .rbc-addons-dnd-over {
|
|
3235
|
-
background-color: rgba(0, 0, 0, 0.3);
|
|
3236
|
-
}
|
|
3237
|
-
.rbc-addons-dnd .rbc-event {
|
|
3238
|
-
transition: opacity 150ms;
|
|
3239
|
-
}
|
|
3240
|
-
.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon, .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
|
|
3241
|
-
display: block;
|
|
3242
|
-
}
|
|
3243
|
-
.rbc-addons-dnd .rbc-addons-dnd-dragged-event {
|
|
3244
|
-
opacity: 0;
|
|
3245
|
-
}
|
|
3246
|
-
.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview) {
|
|
3247
|
-
opacity: 0.5;
|
|
3248
|
-
}
|
|
3249
|
-
.rbc-addons-dnd .rbc-addons-dnd-resizable {
|
|
3250
|
-
position: relative;
|
|
3251
|
-
width: 100%;
|
|
3252
|
-
height: 100%;
|
|
3253
|
-
}
|
|
3254
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor {
|
|
3255
|
-
width: 100%;
|
|
3256
|
-
text-align: center;
|
|
3257
|
-
position: absolute;
|
|
3258
|
-
}
|
|
3259
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child {
|
|
3260
|
-
top: 0;
|
|
3261
|
-
}
|
|
3262
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child {
|
|
3263
|
-
bottom: 0;
|
|
3264
|
-
}
|
|
3265
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon {
|
|
3266
|
-
display: none;
|
|
3267
|
-
border-top: 3px double;
|
|
3268
|
-
margin: 0 auto;
|
|
3269
|
-
width: 10px;
|
|
3270
|
-
cursor: ns-resize;
|
|
3271
|
-
}
|
|
3272
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor {
|
|
3273
|
-
position: absolute;
|
|
3274
|
-
top: 4px;
|
|
3275
|
-
bottom: 0;
|
|
3276
|
-
}
|
|
3277
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child {
|
|
3278
|
-
left: 0;
|
|
3279
|
-
}
|
|
3280
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child {
|
|
3281
|
-
right: 0;
|
|
3282
|
-
}
|
|
3283
|
-
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon {
|
|
3284
|
-
display: none;
|
|
3285
|
-
border-left: 3px double;
|
|
3286
|
-
margin-top: auto;
|
|
3287
|
-
margin-bottom: auto;
|
|
3288
|
-
height: 10px;
|
|
3289
|
-
cursor: ew-resize;
|
|
3290
|
-
}
|