← All changes | css/calendar.css +22 -65 10.11 → 11.8.2 View file →

		@@ -30,9 +30,9 @@
30	30	*/
31	31	/* SIZE: Set width of calendar with several months */ /* FixIn: 9.7.3.4 */
32	32	/* FixIn: Standard entire calendar WIDTH ============================================================================ */
33	33	.wpbc_no_custom_width.bk_calendar_frame { width: 100%; width: calc(100% - 4px); min-width:201px; }
34		-.wpbc_no_custom_width.cal_month_num_1 { max-width: 341px; }
	34	+.wpbc_no_custom_width.cal_month_num_1 { max-width: 341px; /*max-width: Min(390px, 100%);*/ }
35	35	.wpbc_no_custom_width.cal_month_num_2 { max-width: 682px; }
36	36	.wpbc_no_custom_width.cal_month_num_3 { max-width: 1023px; }
37	37	.wpbc_no_custom_width.cal_month_num_4 { max-width: 1364px; }
38	38	.wpbc_no_custom_width.cal_month_num_5 { max-width: 1705px; }
		@@ -61,8 +61,9 @@
61	61	}
62	62	.wpbc_calendar_wraper{
63	63	min-width: 341px;
64	64	min-width: Min(341px, 100%);
	65	+ text-align: center;
65	66	}
66	67	/* FixIn: 9.8.3.1 - Min. WIDTH of calendar One Month, before Wrap to next ROW ====================================== */
67	68	.bk_calendar_frame .datepick-inline,
68	69	.bk_calendar_frame .datepick-one-month {
		@@ -207,20 +208,26 @@
207	208	}
208	209	/* HEIGHT: of C E L L S */
209	210	.datepick-inline .datepick-title-row th,
210	211	.datepick-inline .datepick-days-cell{
211		- height: 48px;
	212	+ /* max-height: 48px; /* // FixIn: 10.12.4.2. */
	213	+ height:auto;
	214	+ aspect-ratio: 1 / 1;
212	215	}
213	216	@media (max-width: 400px) {
214	217	div.datepick-inline table .datepick-title-row th,
215	218	div.datepick-inline table .datepick-days-cell{
216		- height: 40px !important;
	219	+ /* height: 40px !important; /* // FixIn: 10.12.4.2. */
	220	+ height:auto;
	221	+ aspect-ratio: 1 / 1;
217	222	}
218	223	}
219	224	/* HEIGHT: of C E L L S in POPUP calendar */
220	225	#datepick-div.datepick-inline .datepick-title-row th,
221	226	#datepick-div.datepick-inline .datepick-days-cell{
222		- height: 35px;
	227	+ /* height: 35px; /* // FixIn: 10.12.4.2. */
	228	+ height:auto;
	229	+ aspect-ratio: 1 / 1;
223	230	}
224	231
225	232	/*******************************************************************************/
226	233	/* S T R U C T U R E & S i z e s ****************************************/
		@@ -496,69 +503,10 @@
496	503	td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div,
497	504	td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div {
498	505	cursor: default;
499	506	}
500		-
	507	+/* FixIn: 10.14.2.3. */
501	508	/*******************************************************************************/
502		-/* Set correct FONT of unselectable elements, when the check in date is selected */
503		-/*******************************************************************************/
504		-.datepick-inline .datepick .datepick-unselectable.check_in_time.date_approved,
505		-.datepick-inline .datepick .datepick-unselectable.check_out_time.date_approved,
506		-.datepick-inline .datepick .datepick-unselectable.check_in_time.date2approve,
507		-.datepick-inline .datepick .datepick-unselectable.check_out_time.date2approve {
508		-/* background-color: transparent;*/ /*FixIn: 7.0.1.19 */
509		-/* font-weight: 400;*/ /*FixIn: 9.5.0.2 */
510		-}
511		-
512		-/*******************************************************************************/
513		-/* W I D G E T **************************************************/
514		-/*******************************************************************************/
515		-/* Set HEIGHT of the CELLs in the Widget */
516		-.widget_wpdev_booking .hasDatepick .datepick-inline .datepick-title-row th,
517		-.widget_wpdev_booking .hasDatepick .datepick-inline .datepick-days-cell{
518		- height: 48px;
519		-}
520		-/* Set calendar WIDTH and MARGIN in Widget */
521		-.widget_wpdev_booking .bk_calendar_frame{
522		- margin: 0 2%;
523		- width: 96% !important;
524		- max-width: 96% !important; /* //FixIn: 9.6.2.1 */
525		- min-width: 96% !important;
526		-}
527		-.widget_wpdev_booking .wpbc__row .bk_calendar_frame,
528		-.widget_wpdev_booking .wpbc__field .bk_calendar_frame{
529		- margin: 0;
530		- width: 100% !important;
531		- max-width: 100% !important;
532		- min-width: 100% !important;
533		-}
534		-/* LEGEND items show in 2 rows in Widget */
535		-.widget_wpdev_booking .wpdev_hint_with_text{
536		- float: left;
537		- margin: 0;
538		- width: 50% !important;
539		-}
540		-/* Set the WIDTH and MARGIN of the form FIELDS in Widget */
541		-.widget_wpdev_booking input,
542		-.widget_wpdev_booking select,
543		-.widget_wpdev_booking textarea,
544		-.widget_wpdev_booking .wpdevelop input,
545		-.widget_wpdev_booking .wpdevelop select,
546		-.widget_wpdev_booking .wpdevelop textarea,
547		-div#datepick-div input,
548		-div#datepick-div select,
549		-div#datepick-div textarea {
550		- width: 96%;
551		- margin: auto;
552		-}
553		-/* SELECT BUTTON and CHECKBOX fields have the Auto Width in Widget */
554		-/*.widget_wpdev_booking select,*/
555		-.widget_wpdev_booking input[type=button],
556		-.widget_wpdev_booking input[type=checkbox]{
557		- width:auto;
558		-}
559		-
560		-/*******************************************************************************/
561	509	/* Legend of days, which is shown under calendar *******************************/
562	510	/*******************************************************************************/
563	511	/* Full Legend Frame */
564	512	.block_hints {
		@@ -745,8 +693,9 @@
745	693	width: 100%;
746	694	height: 100%;
747	695	padding: 0;
748	696	margin: 0;
	697	+ aspect-ratio: 1 / 1; /* // FixIn: 10.12.4.2. */
749	698	}
750	699	.wpbc-cell-box .wpbc-diagonal-el {
751	700	display: none; /* Do not visible by default ! */
752	701	position:absolute; /* Important to have parent element with "position: relative;" !!! */
		@@ -940,5 +889,13 @@
940	889	.datepick-inline td {
941	890	background: transparent !important;
942	891	padding: 0 !important;
943	892	border-color: transparent !important;
944		-}
	893	+}
	894	+/* Remove underline of dates in calendar. (10.11.3.1) */
	895	+.datepick-inline a:active,
	896	+.datepick-inline a:focus,
	897	+.datepick-inline a:hover,
	898	+.datepick-inline a{
	899	+ text-decoration: none !important;
	900	+ outline:0 !important;
	901	+}