framework7 9.0.5 → 9.1.1
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/components/calendar/calendar-rtl.css +1 -1
- package/components/calendar/calendar-vars.less +2 -1
- package/components/calendar/calendar.css +1 -1
- package/components/card/card-rtl.css +1 -1
- package/components/card/card.css +1 -1
- package/components/card/card.less +7 -0
- package/framework7-bundle-rtl.css +12 -3
- package/framework7-bundle-rtl.min.css +3 -3
- package/framework7-bundle.css +12 -3
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +10 -3
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +3 -3
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-rtl.css +2 -2
- package/framework7-rtl.min.css +2 -2
- package/framework7.css +2 -2
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +2 -2
- package/modules/router/component-loader.js +6 -1
- package/package.json +2 -2
- package/shared/utils.js +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}.md .toolbar .calendar-month-selector,.md .toolbar .calendar-year-selector{display:flex}
|
|
1
|
+
:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-disabled-text-color:#555;--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}.md .toolbar .calendar-month-selector,.md .toolbar .calendar-year-selector{display:flex}
|
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
/*
|
|
16
16
|
--f7-calendar-selected-bg-color: var(--f7-theme-color);
|
|
17
17
|
*/
|
|
18
|
-
--f7-calendar-disabled-text-color: #d4d4d4;
|
|
19
18
|
--f7-calendar-event-dot-size: 4px;
|
|
20
19
|
/*
|
|
21
20
|
--f7-calendar-event-bg-color: var(--f7-theme-color);
|
|
@@ -25,11 +24,13 @@
|
|
|
25
24
|
*/
|
|
26
25
|
--f7-calendar-time-selector-height: 28px;
|
|
27
26
|
.light-vars({
|
|
27
|
+
--f7-calendar-disabled-text-color: #d4d4d4;
|
|
28
28
|
--f7-calendar-picker-pressed-bg-color: rgba(0,0,0,0.1);
|
|
29
29
|
--f7-calendar-picker-hover-bg-color: rgba(0,0,0,0.03);
|
|
30
30
|
--f7-calendar-time-selector-bg-color: rgba(0,0,0,0.05);
|
|
31
31
|
});
|
|
32
32
|
.dark-vars({
|
|
33
|
+
--f7-calendar-disabled-text-color: #555;
|
|
33
34
|
--f7-calendar-picker-pressed-bg-color: rgba(255,255,255,0.08);
|
|
34
35
|
--f7-calendar-picker-hover-bg-color: rgba(255,255,255,0.03);
|
|
35
36
|
--f7-calendar-time-selector-bg-color: rgba(255,255,255,0.1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}.md .toolbar .calendar-month-selector,.md .toolbar .calendar-year-selector{display:flex}
|
|
1
|
+
:root{--f7-calendar-height:340px;--f7-calendar-sheet-landscape-height:220px;--f7-calendar-popover-width:320px;--f7-calendar-popover-height:320px;--f7-calendar-modal-height:420px;--f7-calendar-modal-max-width:380px;--f7-calendar-week-header-bg-color:#0000;--f7-calendar-week-header-font-size:11px;--f7-calendar-event-dot-size:4px;--f7-calendar-time-selector-height:28px;--f7-calendar-disabled-text-color:#d4d4d4;--f7-calendar-picker-pressed-bg-color:#0000001a;--f7-calendar-picker-hover-bg-color:#00000008;--f7-calendar-time-selector-bg-color:#0000000d}:root .dark,:root.dark{--f7-calendar-disabled-text-color:#555;--f7-calendar-picker-pressed-bg-color:#ffffff14;--f7-calendar-picker-hover-bg-color:#ffffff08;--f7-calendar-time-selector-bg-color:#ffffff1a}.ios{--f7-calendar-sheet-border-color:#0000;--f7-calendar-sheet-bg-color:var(--f7-sheet-bg-color);--f7-calendar-selected-text-color:#fff;--f7-calendar-header-bg-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:17px;--f7-calendar-header-font-weight:600;--f7-calendar-header-padding:0 16px;--f7-calendar-header-link-color:var(--f7-bars-text-color);--f7-calendar-footer-bg-color:#0000;--f7-calendar-footer-border-color:#0000;--f7-calendar-footer-height:48px;--f7-calendar-footer-padding:0 16px;--f7-calendar-footer-font-size:17px;--f7-calendar-footer-link-color:var(--f7-bars-text-color);--f7-calendar-week-header-height:18px;--f7-calendar-day-font-size:15px;--f7-calendar-day-size:30px;--f7-calendar-picker-font-size:17px;--f7-calendar-time-selector-font-size:17px;--f7-calendar-modal-border-radius:32px;--f7-calendar-modal-box-shadow:var(--f7-glass-shadow);--f7-calendar-modal-bg-color:var(--f7-glass-bg-color);--f7-calendar-prev-next-text-color:#c8c8c8;--f7-calendar-week-header-text-color:#5e5e5e;--f7-calendar-day-text-color:#000;--f7-calendar-today-text-color:#000;--f7-calendar-today-bg-color:#e3e3e3}.ios .dark,.ios.dark{--f7-calendar-prev-next-text-color:#5e5e5e;--f7-calendar-week-header-text-color:#aaa;--f7-calendar-day-text-color:#fff;--f7-calendar-today-text-color:#fff;--f7-calendar-today-bg-color:#333}.md{--f7-calendar-sheet-border-color:#0000;--f7-calendar-header-height:64px;--f7-calendar-header-font-size:24px;--f7-calendar-header-font-weight:400;--f7-calendar-header-padding:0 24px;--f7-calendar-footer-height:56px;--f7-calendar-footer-padding:0 8px;--f7-calendar-footer-font-size:14px;--f7-calendar-week-header-height:24px;--f7-calendar-day-font-size:14px;--f7-calendar-today-bg-color:none;--f7-calendar-day-size:32px;--f7-calendar-picker-font-size:14px;--f7-calendar-time-selector-font-size:14px;--f7-calendar-modal-border-radius:28px;--f7-calendar-modal-box-shadow:none}.md,.md .dark,.md [class*=color-]{--f7-calendar-sheet-bg-color:var(--f7-md-surface-1);--f7-calendar-selected-text-color:var(--f7-md-on-primary);--f7-calendar-week-header-text-color:var(--f7-md-on-surface-variant);--f7-calendar-day-text-color:var(--f7-md-on-surface);--f7-calendar-prev-next-text-color:rgba(var(--f7-md-on-surface-variant-rgb),0.55);--f7-calendar-today-text-color:var(--f7-theme-color);--f7-calendar-modal-bg-color:var(--f7-md-surface-1)}.calendar{flex-direction:column;height:var(--f7-calendar-height);overflow:hidden;width:100%}.calendar,.calendar.modal-in{display:flex}@media (orientation:landscape) and (max-height:415px){.calendar.calendar-sheet{height:var(--f7-calendar-sheet-landscape-height)}.calendar.calendar-modal{height:calc(100vh - var(--f7-navbar-height))}}.calendar.calendar-inline,.calendar.calendar-popover .calendar{position:relative}.calendar-sheet{--f7-sheet-border-color:var(--f7-calendar-sheet-border-color);background:var(--f7-calendar-sheet-bg-color);height:calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom));padding-bottom:var(--f7-safe-area-bottom)}.calendar-sheet:before{z-index:600}.calendar-modal .toolbar:before,.calendar-popover .toolbar:before,.calendar-sheet .toolbar:before{display:none}.calendar-popover{width:var(--f7-calendar-popover-width)}.calendar-popover .calendar-header,.calendar-popover .toolbar-top{border-radius:var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0;overflow:hidden}.calendar-popover .calendar-header+.toolbar-top{border-radius:0}.calendar-popover .calendar-footer,.calendar-popover .toolbar-bottom{border-radius:0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius)}.calendar-popover .calendar{height:var(--f7-calendar-popover-height);position:relative;z-index:1}.calendar-popover .calendar-month-picker,.calendar-popover .calendar-time-picker,.calendar-popover .calendar-year-picker{border-radius:var(--f7-popover-border-radius)}.calendar-popover .calendar-month-picker .picker,.calendar-popover .calendar-time-picker .picker,.calendar-popover .calendar-year-picker .picker{display:flex;flex-direction:column;height:100%}.calendar-header{align-items:center;background-color:var(--f7-calendar-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-header-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);font-weight:var(--f7-calendar-header-font-weight);height:var(--f7-calendar-header-height);justify-content:space-between;line-height:var(--f7-calendar-header-height);padding:var(--f7-calendar-header-padding);position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.calendar-header a{color:var(--f7-calendar-header-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer{align-items:center;background-color:var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));display:flex;flex-shrink:0;font-size:var(--f7-calendar-header-font-size);height:var(--f7-calendar-footer-height);justify-content:flex-end;padding:var(--f7-calendar-footer-padding);position:relative;width:100%}.calendar-footer a{color:var(--f7-calendar-footer-link-color,var(--f7-bars-link-color,var(--f7-theme-color)))}.calendar-footer:before{background-color:var(--f7-calendar-footer-border-color,var(--f7-bars-border-color));bottom:auto;content:"";display:block;height:1px;left:0;position:absolute;right:auto;top:0;transform:scaleY(calc(1/var(--f7-device-pixel-ratio)));transform-origin:50% 0;width:100%;z-index:15}.calendar-modal{background:var(--f7-calendar-modal-bg-color);border-radius:var(--f7-calendar-modal-border-radius);box-shadow:var(--f7-calendar-modal-box-shadow);display:flex;height:var(--f7-calendar-modal-height);left:50%;max-width:var(--f7-calendar-modal-max-width);min-width:300px;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,100vh,0);transition-property:transform;transition-timing-function:cubic-bezier(0,1,.2,1);width:90%;z-index:13500}.calendar-modal.modal-in,.calendar-modal.modal-out{transition-duration:.4s}.calendar-modal.modal-in{transform:translate3d(-50%,-50%,0)}.calendar-modal.modal-out{transform:translate3d(-50%,100vh,0)}.calendar-week-header{background-color:var(--f7-calendar-week-header-bg-color,var(--f7-bars-bg-color));box-sizing:border-box;color:var(--f7-calendar-week-header-text-color,var(--f7-bars-text-color));display:flex;font-size:var(--f7-calendar-week-header-font-size);height:var(--f7-calendar-week-header-height);padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative}.calendar-week-header .calendar-week-day{flex-shrink:1;line-height:var(--f7-calendar-week-header-height);text-align:center;width:14.28571%}.calendar-months{flex-shrink:10;height:100%;overflow:hidden;position:relative;width:100%}.calendar-months-wrapper{height:100%;position:relative;transition:.3s;width:100%}.calendar-month{display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.calendar-row{box-sizing:border-box;display:flex;flex-shrink:1;height:16.66666667%;padding-left:var(--f7-safe-area-left);padding-right:var(--f7-safe-area-right);position:relative;width:100%}.calendar-modal .calendar-months:first-child .calendar-row:first-child:before,.calendar-popover .calendar-months:first-child .calendar-row:first-child:before{display:none!important}.calendar-day{align-items:center;box-sizing:border-box;color:var(--f7-calendar-day-text-color);cursor:pointer;display:flex;flex-shrink:1;font-size:var(--f7-calendar-day-font-size);height:100%;justify-content:center;text-align:center;width:14.28571429%;z-index:20}.calendar-day-today .calendar-day-number{background-color:var(--f7-calendar-today-bg-color);color:var(--f7-calendar-today-text-color,var(--f7-theme-color))}.calendar-day-next,.calendar-day-prev{color:var(--f7-calendar-prev-next-text-color)}.calendar-day-disabled{color:var(--f7-calendar-disabled-text-color);cursor:auto}.calendar-day-selected .calendar-day-number{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));color:var(--f7-calendar-selected-text-color)}.calendar-day-number{border-radius:50%;display:inline-block;height:var(--f7-calendar-day-size);line-height:var(--f7-calendar-day-size);position:relative;width:var(--f7-calendar-day-size)}.calendar-day-events{align-items:center;display:flex;justify-content:center;left:0;margin-top:1px;position:absolute;top:100%;width:100%}.calendar-day-event{background-color:var(--f7-calendar-event-bg-color);border-radius:calc(var(--f7-calendar-event-dot-size)/2);height:var(--f7-calendar-event-dot-size);width:var(--f7-calendar-event-dot-size)}.calendar-day-event+.calendar-day-event{margin-left:2px}.calendar-day-selected-left,.calendar-day-selected-range,.calendar-day-selected-right{position:relative}.calendar-day-selected-left:before,.calendar-day-selected-range:before,.calendar-day-selected-right:before{background-color:var(--f7-calendar-selected-bg-color,var(--f7-theme-color));content:"";height:var(--f7-calendar-day-size);left:0;opacity:.2;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.calendar-day-selected-left:before,.calendar-day-selected-range:first-child:before{border-radius:var(--f7-calendar-day-size) 0 0 var(--f7-calendar-day-size);left:auto;right:0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-range:last-child:before,.calendar-day-selected-right:before{border-radius:0 var(--f7-calendar-day-size) var(--f7-calendar-day-size) 0;width:calc(50% + var(--f7-calendar-day-size)/2)}.calendar-day-selected-left:last-child:before,.calendar-day-selected-right:first-child:before{display:none}.calendar-day-selected-left.calendar-day-selected-right:before{content:none;display:none}.calendar-day-selected-range .calendar-day-number{background-color:initial;color:inherit}.calendar-month-selector,.calendar-year-selector{align-items:center;display:flex;flex-shrink:10;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:200px;width:50%}.calendar-month-selector .calendar-day-number,.calendar-year-selector .calendar-day-number{flex-shrink:1;overflow:hidden;position:relative;text-overflow:ellipsis}.calendar-month-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.calendar-year-selector a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){min-width:36px}.calendar-month-picker,.calendar-time-picker,.calendar-year-picker{background:#0000;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.calendar-month-picker .picker-columns,.calendar-year-picker .picker-columns{text-align:center}.calendar-month-picker-item,.calendar-year-picker-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition-duration:.1s}.calendar-month-picker-item span,.calendar-year-picker-item span{box-sizing:border-box;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;white-space:nowrap}.calendar-month-picker-item.active-state,.calendar-year-picker-item.active-state{background:var(--f7-calendar-picker-pressed-bg-color)}.calendar-month-picker-item{padding:5px}.sheet-modal .calendar-month-picker-item{height:33.33333333%;width:25%}.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before,.sheet-modal .calendar-month-picker-item:nth-child(n+9):after{display:none!important}.calendar-modal .calendar-month-picker-item,.popover .calendar-month-picker-item{height:25%;width:33.33333333%}.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before,.calendar-modal .calendar-month-picker-item:nth-child(n+10):after,.popover .calendar-month-picker-item:nth-child(3n+1):before,.popover .calendar-month-picker-item:nth-child(n+10):after{display:none!important}.calendar-month-picker-item-current,.calendar-year-picker-item-current{color:var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color))}.calendar-year-picker{overflow:auto;--webkit-overflow-scrolling:touch}.calendar-year-picker-item{height:34px;line-height:34px;width:100%}.calendar-time-selector{align-items:center;display:flex;flex-shrink:0;font-size:var(--f7-calendar-time-selector-font-size);justify-content:space-between;padding:12px 16px;position:relative}.calendar-time-selector a{align-items:center;background-color:var(--f7-calendar-time-selector-bg-color);border-radius:8px;box-sizing:border-box;display:flex;height:var(--f7-calendar-time-selector-height);justify-content:center;overflow:hidden;padding:0 16px;position:relative}.calendar-time-selector>span{font-weight:500}.calendar-time-selector .segmented{margin-left:8px}.calendar-month-picker-popover,.calendar-time-picker-popover,.calendar-year-picker-popover{height:240px;width:240px}.calendar-month-picker-popover .popover-inner,.calendar-time-picker-popover .popover-inner,.calendar-year-picker-popover .popover-inner{height:100%;overflow:hidden}.calendar-time-picker{--f7-picker-popover-height:100%;--f7-picker-inline-height:100%}.calendar-time-picker .toolbar{flex-shrink:0;top:0!important}.calendar-time-picker .picker{display:flex;flex-direction:column;height:100%}.ios .toolbar .calendar-month-selector,.ios .toolbar .calendar-year-selector{justify-content:space-between}.ios .toolbar .calendar-month-selector .link,.ios .toolbar .calendar-year-selector .link{padding:0}.ios .toolbar .calendar-month-selector .current-month-value,.ios .toolbar .calendar-month-selector .current-year-value,.ios .toolbar .calendar-year-selector .current-month-value,.ios .toolbar .calendar-year-selector .current-year-value{display:block;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios .calendar .toolbar{margin-bottom:16px;overflow:visible;position:relative}.ios .calendar .toolbar:after,.ios .calendar .toolbar:before{display:none}.ios .calendar-popover .toolbar{overflow:visible}.ios .calendar-modal{backdrop-filter:saturate(180%) blur(16px)}.ios .calendar-header .toolbar-pane{height:auto}.ios .calendar-header a.link{height:48px;width:48px}.md .calendar-header{overflow:hidden}.md .toolbar .calendar-month-selector,.md .toolbar .calendar-year-selector{display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px #0000004d;--f7-card-expandable-border-radius:24px;--f7-card-expandable-tablet-border-radius:24px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-expandable-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a}.ios .dark,.ios.dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:#ffffff26;--f7-card-header-border-color:#ffffff26;--f7-card-footer-border-color:#ffffff26;--f7-card-footer-text-color:#ffffff8c}.md{--f7-card-border-radius:16px;--f7-card-box-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--f7-card-header-font-size:22px;--f7-card-header-padding-vertical:16px;--f7-card-header-min-height:48px;--f7-card-footer-padding-vertical:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:0px 6px 6px -3px #0003,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f;--f7-card-expandable-border-radius:16px;--f7-card-expandable-tablet-border-radius:16px;--f7-card-expandable-header-font-size:22px;--f7-card-expandable-header-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-card-bg-color:var(--f7-md-surface-1);--f7-card-expandable-bg-color:var(--f7-md-surface-1);--f7-card-outline-border-color:var(--f7-md-outline);--f7-card-header-border-color:var(--f7-md-outline);--f7-card-footer-border-color:var(--f7-md-outline);--f7-card-text-color:var(--f7-md-on-surface);--f7-card-footer-text-color:var(--f7-md-on-surface-variant)}.card .list>ul:after,.card .list>ul:before,.cards-list>ul:after,.cards-list>ul:before{display:none!important}.card .list ul,.cards-list ul{background:none}.card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-raised{box-shadow:var(--f7-card-box-shadow)}.card-outline,.ios .card-outline-ios,.md .card-outline-md{border:1px solid var(--f7-card-outline-border-color)}.card-content{position:relative}.card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}.card-content-padding>.block,.card-content-padding>.list{margin:calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-dividers .card-header,.card-header-divider .card-header,.card-header.card-header-divider{border-bottom:1px solid var(--f7-card-header-border-color)}.card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-dividers .card-footer,.card-footer-divider .card-footer,.card-footer.card-footer-divider{border-top:1px solid var(--f7-card-header-border-color)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card-header a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){align-items:center;display:flex;justify-content:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-expandable{background:var(--f7-card-expandable-bg-color);border-radius:var(--f7-card-expandable-border-radius);font-size:var(--f7-card-expandable-font-size);height:300px;margin:var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));overflow:hidden;position:relative;transform-origin:center center;transition-duration:.2s;transition-property:transform,border-radius;z-index:2}.card-expandable.card-raised{box-shadow:var(--f7-card-expandable-box-shadow)}.card-expandable:not(.card-opened){-webkit-user-select:none;user-select:none}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97) translateZ(0)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{box-sizing:border-box;height:100vh;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center top;transition-property:transform;width:100vw}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:300}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-prevent-open{pointer-events:auto}.card-expandable-size{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{height:var(--f7-card-expandable-tablet-height);width:var(--f7-card-expandable-tablet-width)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{background:#0003;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:299}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports (backdrop-filter:blur(15px)){.card-backdrop{backdrop-filter:blur(15px);background:#0000}}@keyframes card-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{0%{opacity:1}to{opacity:0}}
|
|
1
|
+
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px #0000004d;--f7-card-expandable-border-radius:24px;--f7-card-expandable-tablet-border-radius:24px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-expandable-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a}.ios .dark,.ios.dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:#ffffff26;--f7-card-header-border-color:#ffffff26;--f7-card-footer-border-color:#ffffff26;--f7-card-footer-text-color:#ffffff8c}.md{--f7-card-border-radius:16px;--f7-card-box-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--f7-card-header-font-size:22px;--f7-card-header-padding-vertical:16px;--f7-card-header-min-height:48px;--f7-card-footer-padding-vertical:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:0px 6px 6px -3px #0003,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f;--f7-card-expandable-border-radius:16px;--f7-card-expandable-tablet-border-radius:16px;--f7-card-expandable-header-font-size:22px;--f7-card-expandable-header-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-card-bg-color:var(--f7-md-surface-1);--f7-card-expandable-bg-color:var(--f7-md-surface-1);--f7-card-outline-border-color:var(--f7-md-outline);--f7-card-header-border-color:var(--f7-md-outline);--f7-card-footer-border-color:var(--f7-md-outline);--f7-card-text-color:var(--f7-md-on-surface);--f7-card-footer-text-color:var(--f7-md-on-surface-variant)}.card .list>ul:after,.card .list>ul:before,.cards-list>ul:after,.cards-list>ul:before{display:none!important}.card .list ul,.cards-list ul{background:none}.card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-raised{box-shadow:var(--f7-card-box-shadow)}.card-outline,.ios .card-outline-ios,.md .card-outline-md{border:1px solid var(--f7-card-outline-border-color)}.card-content{position:relative}.card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}.card-content-padding>.block,.card-content-padding>.list{margin:calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-dividers .card-header,.card-header-divider .card-header,.card-header.card-header-divider{border-bottom:1px solid var(--f7-card-header-border-color)}.card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-dividers .card-footer,.card-footer-divider .card-footer,.card-footer.card-footer-divider{border-top:1px solid var(--f7-card-header-border-color)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card-header a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){align-items:center;display:flex;justify-content:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-expandable{background:var(--f7-card-expandable-bg-color);border-radius:var(--f7-card-expandable-border-radius);font-size:var(--f7-card-expandable-font-size);height:300px;margin:var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));overflow:hidden;position:relative;transform-origin:center center;transition-duration:.2s;transition-property:transform,border-radius;z-index:2}.card-expandable.card-raised{box-shadow:var(--f7-card-expandable-box-shadow)}.card-expandable:not(.card-opened){-webkit-user-select:none;user-select:none}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97) translateZ(0)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{box-sizing:border-box;height:100vh;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform-origin:center top;transition-property:transform;width:100vw}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:300}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-header,.card-expandable.card-opening .card-header{padding-top:calc(var(--f7-card-header-padding-vertical) + var(--f7-safe-area-top))}.card-expandable.card-opened .card-content>.card-content-padding:first-child,.card-expandable.card-opening .card-content>.card-content-padding:first-child{padding-top:calc(var(--f7-card-content-padding-vertical) + var(--f7-safe-area-top))}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-prevent-open{pointer-events:auto}.card-expandable-size{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{height:var(--f7-card-expandable-tablet-height);width:var(--f7-card-expandable-tablet-width)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{background:#0003;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:299}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports (backdrop-filter:blur(15px)){.card-backdrop{backdrop-filter:blur(15px);background:#0000}}@keyframes card-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{0%{opacity:1}to{opacity:0}}
|
package/components/card/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px #0000004d;--f7-card-expandable-border-radius:24px;--f7-card-expandable-tablet-border-radius:24px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-expandable-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a}.ios .dark,.ios.dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:#ffffff26;--f7-card-header-border-color:#ffffff26;--f7-card-footer-border-color:#ffffff26;--f7-card-footer-text-color:#ffffff8c}.md{--f7-card-border-radius:16px;--f7-card-box-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--f7-card-header-font-size:22px;--f7-card-header-padding-vertical:16px;--f7-card-header-min-height:48px;--f7-card-footer-padding-vertical:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:0px 6px 6px -3px #0003,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f;--f7-card-expandable-border-radius:16px;--f7-card-expandable-tablet-border-radius:16px;--f7-card-expandable-header-font-size:22px;--f7-card-expandable-header-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-card-bg-color:var(--f7-md-surface-1);--f7-card-expandable-bg-color:var(--f7-md-surface-1);--f7-card-outline-border-color:var(--f7-md-outline);--f7-card-header-border-color:var(--f7-md-outline);--f7-card-footer-border-color:var(--f7-md-outline);--f7-card-text-color:var(--f7-md-on-surface);--f7-card-footer-text-color:var(--f7-md-on-surface-variant)}.card .list>ul:after,.card .list>ul:before,.cards-list>ul:after,.cards-list>ul:before{display:none!important}.card .list ul,.cards-list ul{background:none}.card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-raised{box-shadow:var(--f7-card-box-shadow)}.card-outline,.ios .card-outline-ios,.md .card-outline-md{border:1px solid var(--f7-card-outline-border-color)}.card-content{position:relative}.card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}.card-content-padding>.block,.card-content-padding>.list{margin:calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-dividers .card-header,.card-header-divider .card-header,.card-header.card-header-divider{border-bottom:1px solid var(--f7-card-header-border-color)}.card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-dividers .card-footer,.card-footer-divider .card-footer,.card-footer.card-footer-divider{border-top:1px solid var(--f7-card-header-border-color)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card-header a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){align-items:center;display:flex;justify-content:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-expandable{background:var(--f7-card-expandable-bg-color);border-radius:var(--f7-card-expandable-border-radius);font-size:var(--f7-card-expandable-font-size);height:300px;margin:var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));overflow:hidden;position:relative;transform-origin:center center;transition-duration:.2s;transition-property:transform,border-radius;z-index:2}.card-expandable.card-raised{box-shadow:var(--f7-card-expandable-box-shadow)}.card-expandable:not(.card-opened){-webkit-user-select:none;user-select:none}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97) translateZ(0)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{box-sizing:border-box;height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform-origin:center top;transition-property:transform;width:100vw}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:300}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-prevent-open{pointer-events:auto}.card-expandable-size{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{height:var(--f7-card-expandable-tablet-height);width:var(--f7-card-expandable-tablet-width)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{background:#0003;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:299}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports (backdrop-filter:blur(15px)){.card-backdrop{backdrop-filter:blur(15px);background:#0000}}@keyframes card-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{0%{opacity:1}to{opacity:0}}
|
|
1
|
+
:root{--f7-card-margin-horizontal:16px;--f7-card-margin-vertical:16px;--f7-card-content-padding-horizontal:16px;--f7-card-content-padding-vertical:16px;--f7-card-font-size:inherit;--f7-card-header-text-color:inherit;--f7-card-header-font-weight:400;--f7-card-header-padding-horizontal:16px;--f7-card-footer-font-weight:400;--f7-card-footer-font-size:inherit;--f7-card-footer-padding-horizontal:16px;--f7-card-expandable-font-size:16px;--f7-card-expandable-tablet-width:670px;--f7-card-expandable-tablet-height:670px}.ios{--f7-card-border-radius:24px;--f7-card-box-shadow:0px 1px 2px #0003;--f7-card-header-font-size:17px;--f7-card-header-padding-vertical:10px;--f7-card-header-min-height:52px;--f7-card-footer-text-color:#00000073;--f7-card-footer-padding-vertical:10px;--f7-card-footer-min-height:52px;--f7-card-expandable-margin-horizontal:20px;--f7-card-expandable-margin-vertical:30px;--f7-card-expandable-box-shadow:0px 20px 40px #0000004d;--f7-card-expandable-border-radius:24px;--f7-card-expandable-tablet-border-radius:24px;--f7-card-expandable-header-font-size:27px;--f7-card-expandable-header-font-weight:bold;--f7-card-text-color:inherit;--f7-card-bg-color:#fff;--f7-card-expandable-bg-color:#fff;--f7-card-outline-border-color:#0000001f;--f7-card-header-border-color:#0000001a;--f7-card-footer-border-color:#0000001a}.ios .dark,.ios.dark{--f7-card-bg-color:#1c1c1d;--f7-card-expandable-bg-color:#1c1c1d;--f7-card-outline-border-color:#ffffff26;--f7-card-header-border-color:#ffffff26;--f7-card-footer-border-color:#ffffff26;--f7-card-footer-text-color:#ffffff8c}.md{--f7-card-border-radius:16px;--f7-card-box-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--f7-card-header-font-size:22px;--f7-card-header-padding-vertical:16px;--f7-card-header-min-height:48px;--f7-card-footer-padding-vertical:16px;--f7-card-footer-min-height:48px;--f7-card-expandable-margin-horizontal:12px;--f7-card-expandable-margin-vertical:24px;--f7-card-expandable-box-shadow:0px 6px 6px -3px #0003,0px 10px 14px 1px #00000024,0px 4px 18px 3px #0000001f;--f7-card-expandable-border-radius:16px;--f7-card-expandable-tablet-border-radius:16px;--f7-card-expandable-header-font-size:22px;--f7-card-expandable-header-font-weight:500}.md,.md .dark,.md [class*=color-]{--f7-card-bg-color:var(--f7-md-surface-1);--f7-card-expandable-bg-color:var(--f7-md-surface-1);--f7-card-outline-border-color:var(--f7-md-outline);--f7-card-header-border-color:var(--f7-md-outline);--f7-card-footer-border-color:var(--f7-md-outline);--f7-card-text-color:var(--f7-md-on-surface);--f7-card-footer-text-color:var(--f7-md-on-surface-variant)}.card .list>ul:after,.card .list>ul:before,.cards-list>ul:after,.cards-list>ul:before{display:none!important}.card .list ul,.cards-list ul{background:none}.card{background:var(--f7-card-bg-color);border-radius:var(--f7-card-border-radius);color:var(--f7-card-text-color);font-size:var(--f7-card-font-size);margin:var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical) calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left));position:relative}.card .block,.card .list{margin:0}.row:not(.no-gap) .col>.card{margin-left:0;margin-right:0}.card-raised{box-shadow:var(--f7-card-box-shadow)}.card-outline,.ios .card-outline-ios,.md .card-outline-md{border:1px solid var(--f7-card-outline-border-color)}.card-content{position:relative}.card-content-padding{padding:var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal);position:relative}.card-content-padding>.block,.card-content-padding>.list{margin:calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-content-padding-horizontal)*-1)}.card-content-padding>p:first-child{margin-top:0}.card-content-padding>p:last-child{margin-bottom:0}.card-header{color:var(--f7-card-header-text-color);font-size:var(--f7-card-header-font-size);font-weight:var(--f7-card-header-font-weight);min-height:var(--f7-card-header-min-height);padding:var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal)}.card-dividers .card-header,.card-header-divider .card-header,.card-header.card-header-divider{border-bottom:1px solid var(--f7-card-header-border-color)}.card-footer{color:var(--f7-card-footer-text-color);font-size:var(--f7-card-footer-font-size);font-weight:var(--f7-card-footer-font-weight);min-height:var(--f7-card-footer-min-height);padding:var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal)}.card-dividers .card-footer,.card-footer-divider .card-footer,.card-footer.card-footer-divider{border-top:1px solid var(--f7-card-header-border-color)}.card-footer a.link{overflow:hidden}.card-footer,.card-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;position:relative}.card-footer[valign=top],.card-header[valign=top]{align-items:flex-start}.card-footer[valign=bottom],.card-header[valign=bottom]{align-items:flex-end}.card-footer a.link,.card-header a.link{position:relative}.card-footer a.link i.icon,.card-header a.link i.icon{display:block}.card-footer a:is(.icon-only,:has(i:only-child),:has(svg:only-child)),.card-header a:is(.icon-only,:has(i:only-child),:has(svg:only-child)){align-items:center;display:flex;justify-content:center;margin:0}.card-header{border-radius:var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0}.card-footer{border-radius:0 0 var(--f7-card-border-radius) var(--f7-card-border-radius)}.card-expandable{background:var(--f7-card-expandable-bg-color);border-radius:var(--f7-card-expandable-border-radius);font-size:var(--f7-card-expandable-font-size);height:300px;margin:var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-card-expandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left));overflow:hidden;position:relative;transform-origin:center center;transition-duration:.2s;transition-property:transform,border-radius;z-index:2}.card-expandable.card-raised{box-shadow:var(--f7-card-expandable-box-shadow)}.card-expandable:not(.card-opened){-webkit-user-select:none;user-select:none}.card-expandable.card-no-transition{transition-duration:0s}.card-expandable.card-expandable-animate-width .card-content{transition-property:width,transform;width:100%}.card-expandable.active-state{transform:scale(.97) translateZ(0)}.card-expandable .card-opened-fade-in,.card-expandable .card-opened-fade-out{transition-duration:.4s}.card-expandable .card-opened-fade-in{opacity:0;pointer-events:none}.card-expandable .card-content{box-sizing:border-box;height:100vh;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;transform-origin:center top;transition-property:transform;width:100vw}.card-expandable .card-content .card-content-padding{padding-left:calc(var(--f7-safe-area-left) + var(--f7-card-content-padding-horizontal));padding-right:calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal))}.card-expandable.card-opened{transition-duration:0s}.card-expandable.card-closing,.card-expandable.card-opening,.card-expandable.card-transitioning{transition-duration:.4s}.card-expandable.card-opening .card-content{transition-duration:.3s}.card-expandable.card-closing .card-content{transition-duration:.5s}.card-expandable.card-closing,.card-expandable.card-opened,.card-expandable.card-opening{z-index:300}.card-expandable.card-opened,.card-expandable.card-opening{border-radius:0}.card-expandable.card-opened .card-opened-fade-in,.card-expandable.card-opening .card-opened-fade-in{opacity:1;pointer-events:auto}.card-expandable.card-opened .card-opened-fade-out,.card-expandable.card-opening .card-opened-fade-out{opacity:0;pointer-events:none}.card-expandable.card-opened .card-header,.card-expandable.card-opening .card-header{padding-top:calc(var(--f7-card-header-padding-vertical) + var(--f7-safe-area-top))}.card-expandable.card-opened .card-content>.card-content-padding:first-child,.card-expandable.card-opening .card-content>.card-content-padding:first-child{padding-top:calc(var(--f7-card-content-padding-vertical) + var(--f7-safe-area-top))}.card-expandable.card-opened .card-content{overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:auto}.card-expandable .card-header{font-size:var(--f7-card-expandable-header-font-size);font-weight:var(--f7-card-expandable-header-font-weight)}.card-prevent-open{pointer-events:auto}.card-expandable-size{height:0;left:0;opacity:0;pointer-events:none;position:absolute;top:0;visibility:hidden;width:0}@media (min-width:768px) and (min-height:670px){.card-expandable:not(.card-tablet-fullscreen){max-width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen).card-opened,.card-expandable:not(.card-tablet-fullscreen).card-opening{border-radius:var(--f7-card-expandable-tablet-border-radius)}.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content{width:var(--f7-card-expandable-tablet-width)}.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size{height:var(--f7-card-expandable-tablet-height);width:var(--f7-card-expandable-tablet-width)}}.page.page-with-card-opened .page-content{overflow:hidden}.card-backdrop{background:#0003;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:299}.card-backdrop-in{animation:card-backdrop-fade-in .4s forwards;pointer-events:auto}.card-backdrop-out{animation:card-backdrop-fade-out .4s forwards}@supports (backdrop-filter:blur(15px)){.card-backdrop{backdrop-filter:blur(15px);background:#0000}}@keyframes card-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-backdrop-fade-out{0%{opacity:1}to{opacity:0}}
|
|
@@ -211,6 +211,13 @@
|
|
|
211
211
|
opacity: 0;
|
|
212
212
|
pointer-events: none;
|
|
213
213
|
}
|
|
214
|
+
// Keep header/content below the top safe area (e.g. notch) when opened fullscreen
|
|
215
|
+
.card-header {
|
|
216
|
+
padding-top: calc(var(--f7-card-header-padding-vertical) + var(--f7-safe-area-top));
|
|
217
|
+
}
|
|
218
|
+
.card-content > .card-content-padding:first-child {
|
|
219
|
+
padding-top: calc(var(--f7-card-content-padding-vertical) + var(--f7-safe-area-top));
|
|
220
|
+
}
|
|
214
221
|
}
|
|
215
222
|
&.card-opened {
|
|
216
223
|
.card-content {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 9.
|
|
2
|
+
* Framework7 9.1.1
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: July 7, 2026
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -8945,6 +8945,14 @@ html:has(.sheet-modal-push-closing) .framework7-root > .panel-in.panel-push.pane
|
|
|
8945
8945
|
opacity: 0;
|
|
8946
8946
|
pointer-events: none;
|
|
8947
8947
|
}
|
|
8948
|
+
.card-expandable.card-opening .card-header,
|
|
8949
|
+
.card-expandable.card-opened .card-header {
|
|
8950
|
+
padding-top: calc(var(--f7-card-header-padding-vertical) + var(--f7-safe-area-top));
|
|
8951
|
+
}
|
|
8952
|
+
.card-expandable.card-opening .card-content > .card-content-padding:first-child,
|
|
8953
|
+
.card-expandable.card-opened .card-content > .card-content-padding:first-child {
|
|
8954
|
+
padding-top: calc(var(--f7-card-content-padding-vertical) + var(--f7-safe-area-top));
|
|
8955
|
+
}
|
|
8948
8956
|
.card-expandable.card-opened .card-content {
|
|
8949
8957
|
overflow: auto;
|
|
8950
8958
|
-webkit-overflow-scrolling: touch;
|
|
@@ -11996,7 +12004,6 @@ label.item-radio.disabled,
|
|
|
11996
12004
|
/*
|
|
11997
12005
|
--f7-calendar-selected-bg-color: var(--f7-theme-color);
|
|
11998
12006
|
*/
|
|
11999
|
-
--f7-calendar-disabled-text-color: #d4d4d4;
|
|
12000
12007
|
--f7-calendar-event-dot-size: 4px;
|
|
12001
12008
|
/*
|
|
12002
12009
|
--f7-calendar-event-bg-color: var(--f7-theme-color);
|
|
@@ -12005,12 +12012,14 @@ label.item-radio.disabled,
|
|
|
12005
12012
|
--f7-calendar-picker-selected-text-color: var(--f7-theme-color);
|
|
12006
12013
|
*/
|
|
12007
12014
|
--f7-calendar-time-selector-height: 28px;
|
|
12015
|
+
--f7-calendar-disabled-text-color: #d4d4d4;
|
|
12008
12016
|
--f7-calendar-picker-pressed-bg-color: rgba(0, 0, 0, 0.1);
|
|
12009
12017
|
--f7-calendar-picker-hover-bg-color: rgba(0, 0, 0, 0.03);
|
|
12010
12018
|
--f7-calendar-time-selector-bg-color: rgba(0, 0, 0, 0.05);
|
|
12011
12019
|
}
|
|
12012
12020
|
:root .dark,
|
|
12013
12021
|
:root.dark {
|
|
12022
|
+
--f7-calendar-disabled-text-color: #555;
|
|
12014
12023
|
--f7-calendar-picker-pressed-bg-color: rgba(255, 255, 255, 0.08);
|
|
12015
12024
|
--f7-calendar-picker-hover-bg-color: rgba(255, 255, 255, 0.03);
|
|
12016
12025
|
--f7-calendar-time-selector-bg-color: rgba(255, 255, 255, 0.1);
|