@ionic/core 7.6.7-dev.11706894781.1cd59fde → 7.6.7-dev.11707156611.1b43b9ec
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/action-sheet.js +2 -2
- package/components/alert.js +2 -2
- package/components/checkbox.js +2 -2
- package/components/ion-breadcrumb.js +2 -2
- package/components/ion-card-subtitle.js +2 -2
- package/components/ion-card-title.js +1 -1
- package/components/ion-card.js +2 -2
- package/components/ion-datetime-button.js +2 -2
- package/components/ion-datetime.js +2 -2
- package/components/ion-fab-list.js +1 -1
- package/components/ion-infinite-scroll-content.js +2 -2
- package/components/ion-input.js +4 -8
- package/components/ion-item-divider.js +2 -2
- package/components/ion-item-options.js +2 -2
- package/components/ion-loading.js +2 -2
- package/components/ion-menu.js +2 -2
- package/components/ion-modal.js +2 -2
- package/components/ion-picker-legacy.js +2 -2
- package/components/ion-range.js +2 -2
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +2 -2
- package/components/ion-searchbar.js +2 -2
- package/components/ion-segment-button.js +1 -1
- package/components/ion-select.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-textarea.js +2 -2
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +2 -2
- package/components/ion-toolbar.js +2 -2
- package/components/item.js +2 -2
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/list.js +1 -1
- package/components/note.js +2 -2
- package/components/picker-column2.js +2 -2
- package/components/picker.js +2 -2
- package/components/popover.js +1 -1
- package/components/radio.js +2 -2
- package/css/core.css.map +1 -1
- package/css/display.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css.map +1 -1
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/themes/dark.always.css +41 -79
- package/css/themes/dark.always.css.map +1 -1
- package/css/themes/dark.class.css +41 -79
- package/css/themes/dark.class.css.map +1 -1
- package/css/themes/dark.system.css +41 -79
- package/css/themes/dark.system.css.map +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
- package/dist/cjs/ion-alert.cjs.entry.js +2 -2
- package/dist/cjs/ion-app_8.cjs.entry.js +3 -3
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-card_5.cjs.entry.js +5 -5
- package/dist/cjs/ion-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-fab_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-input.cjs.entry.js +4 -6
- package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-item_8.cjs.entry.js +11 -11
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-modal.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-range.cjs.entry.js +2 -2
- package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-searchbar.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +2 -2
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/action-sheet/action-sheet.ios.css +4 -4
- package/dist/collection/components/action-sheet/action-sheet.md.css +1 -1
- package/dist/collection/components/alert/alert.ios.css +10 -58
- package/dist/collection/components/alert/alert.md.css +19 -115
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
- package/dist/collection/components/card/card.ios.css +1 -1
- package/dist/collection/components/card/card.md.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
- package/dist/collection/components/card-title/card-title.md.css +1 -1
- package/dist/collection/components/checkbox/checkbox.ios.css +3 -21
- package/dist/collection/components/checkbox/checkbox.md.css +3 -21
- package/dist/collection/components/datetime/datetime.ios.css +10 -32
- package/dist/collection/components/datetime/datetime.md.css +11 -33
- package/dist/collection/components/datetime-button/datetime-button.css +1 -1
- package/dist/collection/components/fab-list/fab-list.css +4 -42
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
- package/dist/collection/components/input/input.ios.css +7 -31
- package/dist/collection/components/input/input.js +2 -41
- package/dist/collection/components/input/input.md.css +19 -86
- package/dist/collection/components/item/item.ios.css +2 -2
- package/dist/collection/components/item/item.md.css +11 -30
- package/dist/collection/components/item-divider/item-divider.ios.css +3 -3
- package/dist/collection/components/item-divider/item-divider.md.css +3 -3
- package/dist/collection/components/item-options/item-options.ios.css +1 -1
- package/dist/collection/components/item-options/item-options.md.css +1 -1
- package/dist/collection/components/label/label.ios.css +1 -1
- package/dist/collection/components/label/label.md.css +1 -1
- package/dist/collection/components/list/list.md.css +2 -26
- package/dist/collection/components/list-header/list-header.ios.css +2 -2
- package/dist/collection/components/list-header/list-header.md.css +1 -1
- package/dist/collection/components/loading/loading.ios.css +2 -2
- package/dist/collection/components/loading/loading.md.css +2 -2
- package/dist/collection/components/menu/menu.ios.css +8 -50
- package/dist/collection/components/menu/menu.md.css +8 -50
- package/dist/collection/components/modal/modal.ios.css +1 -1
- package/dist/collection/components/modal/modal.md.css +1 -1
- package/dist/collection/components/note/note.ios.css +1 -1
- package/dist/collection/components/note/note.md.css +1 -1
- package/dist/collection/components/picker/picker.ios.css +5 -43
- package/dist/collection/components/picker/picker.md.css +4 -42
- package/dist/collection/components/picker-legacy/picker.ios.css +7 -74
- package/dist/collection/components/picker-legacy/picker.md.css +9 -76
- package/dist/collection/components/picker-legacy-column/picker-column.ios.css +2 -26
- package/dist/collection/components/picker-legacy-column/picker-column.md.css +2 -26
- package/dist/collection/components/popover/popover.ios.css +3 -27
- package/dist/collection/components/radio/radio.ios.css +5 -42
- package/dist/collection/components/radio/radio.md.css +5 -42
- package/dist/collection/components/range/range.ios.css +11 -80
- package/dist/collection/components/range/range.md.css +16 -132
- package/dist/collection/components/refresher/refresher.ios.css +4 -27
- package/dist/collection/components/refresher/refresher.md.css +5 -28
- package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +2 -1
- package/dist/collection/components/refresher-content/refresher-content.js +1 -1
- package/dist/collection/components/searchbar/searchbar.ios.css +7 -55
- package/dist/collection/components/searchbar/searchbar.md.css +10 -82
- package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
- package/dist/collection/components/select/select.ios.css +5 -23
- package/dist/collection/components/select/select.md.css +18 -79
- package/dist/collection/components/split-pane/split-pane.ios.css +1 -1
- package/dist/collection/components/split-pane/split-pane.md.css +1 -1
- package/dist/collection/components/tab-bar/tab-bar.ios.css +3 -3
- package/dist/collection/components/tab-bar/tab-bar.md.css +2 -2
- package/dist/collection/components/tab-button/tab-button.ios.css +10 -93
- package/dist/collection/components/tab-button/tab-button.md.css +10 -93
- package/dist/collection/components/textarea/textarea.ios.css +6 -30
- package/dist/collection/components/textarea/textarea.md.css +18 -85
- package/dist/collection/components/title/title.ios.css +2 -21
- package/dist/collection/components/toast/test/a11y/toast.e2e.js +0 -33
- package/dist/collection/components/toast/toast.ios.css +7 -54
- package/dist/collection/components/toast/toast.md.css +8 -55
- package/dist/collection/components/toggle/toggle.ios.css +3 -21
- package/dist/collection/components/toggle/toggle.md.css +3 -21
- package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
- package/dist/collection/components/toolbar/toolbar.md.css +1 -1
- package/dist/collection/themes/test/colors/theme.e2e.js +0 -56
- package/dist/docs.json +1 -54
- package/dist/esm/ion-action-sheet.entry.js +2 -2
- package/dist/esm/ion-alert.entry.js +2 -2
- package/dist/esm/ion-app_8.entry.js +3 -3
- package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
- package/dist/esm/ion-card_5.entry.js +5 -5
- package/dist/esm/ion-checkbox.entry.js +2 -2
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +6 -6
- package/dist/esm/ion-fab_3.entry.js +1 -1
- package/dist/esm/ion-infinite-scroll_2.entry.js +2 -2
- package/dist/esm/ion-input.entry.js +4 -6
- package/dist/esm/ion-item-option_3.entry.js +2 -2
- package/dist/esm/ion-item_8.entry.js +11 -11
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +2 -2
- package/dist/esm/ion-modal.entry.js +2 -2
- package/dist/esm/ion-picker.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +2 -2
- package/dist/esm/ion-range.entry.js +2 -2
- package/dist/esm/ion-refresher_2.entry.js +3 -3
- package/dist/esm/ion-searchbar.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +2 -2
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +2 -2
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
- package/dist/esm-es5/ion-card_5.entry.js +1 -1
- package/dist/esm-es5/ion-checkbox.entry.js +1 -1
- package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-fab_3.entry.js +1 -1
- package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-picker.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-radio_2.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/html.html-data.json +0 -8
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-3cf67784.entry.js → p-029891a2.entry.js} +1 -1
- package/dist/ionic/p-05266a75.entry.js +4 -0
- package/dist/ionic/p-055aee88.system.entry.js +4 -0
- package/dist/ionic/p-0b27e3f9.entry.js +4 -0
- package/dist/ionic/p-127ff448.entry.js +4 -0
- package/dist/ionic/p-18858f40.entry.js +4 -0
- package/dist/ionic/p-1a5f0313.system.js +1 -1
- package/dist/ionic/p-26976bfc.system.entry.js +4 -0
- package/dist/ionic/p-2e93a307.system.entry.js +4 -0
- package/dist/ionic/p-359da6bc.entry.js +4 -0
- package/dist/ionic/p-39af44bb.entry.js +4 -0
- package/dist/ionic/p-3bb8dba2.system.entry.js +4 -0
- package/dist/ionic/p-4210519e.entry.js +4 -0
- package/dist/ionic/p-4565aa49.system.entry.js +4 -0
- package/dist/ionic/p-467ec026.entry.js +4 -0
- package/dist/ionic/p-4b890ea2.entry.js +4 -0
- package/dist/ionic/{p-32b129a2.entry.js → p-4b94c354.entry.js} +1 -1
- package/dist/ionic/p-4f18d611.system.entry.js +4 -0
- package/dist/ionic/p-567ba50a.system.entry.js +4 -0
- package/dist/ionic/p-598bd8e2.entry.js +4 -0
- package/dist/ionic/{p-0d850325.entry.js → p-5a85d71d.entry.js} +1 -1
- package/dist/ionic/p-673614dd.system.entry.js +4 -0
- package/dist/ionic/{p-b8fbc01d.entry.js → p-67c1996d.entry.js} +1 -1
- package/dist/ionic/p-6ba863b1.system.entry.js +4 -0
- package/dist/ionic/{p-14196559.entry.js → p-7178018d.entry.js} +1 -1
- package/dist/ionic/p-731c9b0c.system.entry.js +4 -0
- package/dist/ionic/p-735807f6.system.entry.js +4 -0
- package/dist/ionic/p-77166522.system.entry.js +4 -0
- package/dist/ionic/{p-f003e500.system.entry.js → p-7751def0.system.entry.js} +1 -1
- package/dist/ionic/p-7a15321a.entry.js +4 -0
- package/dist/ionic/{p-b6e4e9ce.system.entry.js → p-7a1ef06a.system.entry.js} +1 -1
- package/dist/ionic/p-7a2c6bb5.entry.js +4 -0
- package/dist/ionic/p-85897798.entry.js +4 -0
- package/dist/ionic/p-85cb3f46.entry.js +4 -0
- package/dist/ionic/{p-c6a6ffe6.entry.js → p-85e04029.entry.js} +1 -1
- package/dist/ionic/{p-cd6a60d2.entry.js → p-870453fd.entry.js} +1 -1
- package/dist/ionic/{p-8aaade76.entry.js → p-8a66c00e.entry.js} +1 -1
- package/dist/ionic/p-92453558.entry.js +4 -0
- package/dist/ionic/{p-0f55b1b0.entry.js → p-95d8071f.entry.js} +1 -1
- package/dist/ionic/{p-69926b34.entry.js → p-9928b546.entry.js} +1 -1
- package/dist/ionic/{p-97657f32.system.entry.js → p-a11e45fe.system.entry.js} +1 -1
- package/dist/ionic/p-b0ab5300.entry.js +4 -0
- package/dist/ionic/p-b3196337.system.entry.js +4 -0
- package/dist/ionic/p-bad61026.system.entry.js +4 -0
- package/dist/ionic/p-c9b8f9e5.system.entry.js +4 -0
- package/dist/ionic/p-cb304e5f.system.entry.js +4 -0
- package/dist/ionic/p-d05259ce.system.entry.js +4 -0
- package/dist/ionic/p-d5d46104.system.entry.js +4 -0
- package/dist/ionic/{p-659086a2.system.entry.js → p-dc5a71e3.system.entry.js} +1 -1
- package/dist/ionic/{p-5186ff3f.system.entry.js → p-e0909061.system.entry.js} +1 -1
- package/dist/ionic/p-e1635f65.entry.js +4 -0
- package/dist/ionic/p-e219aec9.system.entry.js +4 -0
- package/dist/ionic/p-e28a6fd5.entry.js +4 -0
- package/dist/ionic/{p-381ca6f8.system.entry.js → p-ea90bf85.system.entry.js} +1 -1
- package/dist/ionic/p-ee1214e0.system.entry.js +4 -0
- package/dist/ionic/p-f065a07b.entry.js +4 -0
- package/dist/ionic/{p-16e781a6.system.entry.js → p-f3478ed6.system.entry.js} +1 -1
- package/dist/ionic/p-f62739dd.system.entry.js +4 -0
- package/dist/ionic/p-ffaba024.system.entry.js +4 -0
- package/dist/types/components/input/input.d.ts +0 -6
- package/dist/types/components.d.ts +0 -12
- package/dist/types/utils/test/playwright/generator.d.ts +1 -3
- package/hydrate/index.js +77 -81
- package/package.json +1 -1
- package/css/themes/high-contrast-dark.always.css +0 -180
- package/css/themes/high-contrast-dark.always.css.map +0 -1
- package/css/themes/high-contrast-dark.class.css +0 -180
- package/css/themes/high-contrast-dark.class.css.map +0 -1
- package/css/themes/high-contrast-dark.css +0 -3
- package/css/themes/high-contrast-dark.css.map +0 -1
- package/css/themes/high-contrast-dark.system.css +0 -182
- package/css/themes/high-contrast-dark.system.css.map +0 -1
- package/css/themes/high-contrast-light.always.css +0 -101
- package/css/themes/high-contrast-light.always.css.map +0 -1
- package/css/themes/high-contrast-light.class.css +0 -101
- package/css/themes/high-contrast-light.class.css.map +0 -1
- package/css/themes/high-contrast-light.css +0 -3
- package/css/themes/high-contrast-light.css.map +0 -1
- package/css/themes/high-contrast-light.system.css +0 -103
- package/css/themes/high-contrast-light.system.css.map +0 -1
- package/dist/ionic/p-0055506a.entry.js +0 -4
- package/dist/ionic/p-07d725a7.entry.js +0 -4
- package/dist/ionic/p-0ac49b0c.system.entry.js +0 -4
- package/dist/ionic/p-14b8100f.system.entry.js +0 -4
- package/dist/ionic/p-15878390.system.entry.js +0 -4
- package/dist/ionic/p-1c445de9.entry.js +0 -4
- package/dist/ionic/p-2800e6d5.system.entry.js +0 -4
- package/dist/ionic/p-283d8f5e.system.entry.js +0 -4
- package/dist/ionic/p-2aa29487.system.entry.js +0 -4
- package/dist/ionic/p-305423e0.entry.js +0 -4
- package/dist/ionic/p-327211c1.entry.js +0 -4
- package/dist/ionic/p-34f05cec.entry.js +0 -4
- package/dist/ionic/p-3587df88.system.entry.js +0 -4
- package/dist/ionic/p-3f3ae637.system.entry.js +0 -4
- package/dist/ionic/p-438b6002.system.entry.js +0 -4
- package/dist/ionic/p-4eaf5dcd.system.entry.js +0 -4
- package/dist/ionic/p-6793b96e.system.entry.js +0 -4
- package/dist/ionic/p-6b0c8263.entry.js +0 -4
- package/dist/ionic/p-7e8ef0bb.system.entry.js +0 -4
- package/dist/ionic/p-89c5f8ba.system.entry.js +0 -4
- package/dist/ionic/p-8a1d33e3.system.entry.js +0 -4
- package/dist/ionic/p-97e39972.system.entry.js +0 -4
- package/dist/ionic/p-9b930e4f.entry.js +0 -4
- package/dist/ionic/p-a114831c.entry.js +0 -4
- package/dist/ionic/p-ae8747aa.entry.js +0 -4
- package/dist/ionic/p-b13f5e6a.entry.js +0 -4
- package/dist/ionic/p-b8213f04.entry.js +0 -4
- package/dist/ionic/p-d0291fe9.entry.js +0 -4
- package/dist/ionic/p-d5a21de8.entry.js +0 -4
- package/dist/ionic/p-db00f04e.entry.js +0 -4
- package/dist/ionic/p-ddf79d90.system.entry.js +0 -4
- package/dist/ionic/p-def451e2.system.entry.js +0 -4
- package/dist/ionic/p-df5134fa.entry.js +0 -4
- package/dist/ionic/p-df7aaa62.entry.js +0 -4
- package/dist/ionic/p-dfd21411.system.entry.js +0 -4
- package/dist/ionic/p-e9a36c6f.entry.js +0 -4
- package/dist/ionic/p-ef6ec008.system.entry.js +0 -4
- package/dist/ionic/p-ef9e6f77.system.entry.js +0 -4
- package/dist/ionic/p-f27b18ba.system.entry.js +0 -4
- package/dist/ionic/p-f62122bb.system.entry.js +0 -4
- package/dist/ionic/p-fdc3ff96.entry.js +0 -4
|
@@ -170,12 +170,12 @@ ion-spinner {
|
|
|
170
170
|
* }
|
|
171
171
|
*/
|
|
172
172
|
:host {
|
|
173
|
-
--background: var(--ion-color-step-50,
|
|
173
|
+
--background: var(--ion-color-step-50, #f2f2f2);
|
|
174
174
|
--max-width: 280px;
|
|
175
175
|
--max-height: 90%;
|
|
176
176
|
--spinner-color: var(--ion-color-primary, #0054e9);
|
|
177
177
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.32);
|
|
178
|
-
color: var(--ion-color-step-850,
|
|
178
|
+
color: var(--ion-color-step-850, #262626);
|
|
179
179
|
font-size: 0.875rem;
|
|
180
180
|
}
|
|
181
181
|
|
|
@@ -118,32 +118,11 @@
|
|
|
118
118
|
top: 0;
|
|
119
119
|
bottom: 0;
|
|
120
120
|
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
inset-inline-end: auto;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
@supports not (inset-inline-start: 0) {
|
|
128
|
-
:host(.menu-side-start) .menu-inner {
|
|
129
|
-
left: 0;
|
|
130
|
-
right: auto;
|
|
131
|
-
}
|
|
132
|
-
:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner {
|
|
133
|
-
left: unset;
|
|
134
|
-
right: unset;
|
|
135
|
-
left: auto;
|
|
136
|
-
right: 0;
|
|
137
|
-
}
|
|
138
|
-
@supports selector(:dir(rtl)) {
|
|
139
|
-
:host(.menu-side-start:dir(rtl)) .menu-inner {
|
|
140
|
-
left: unset;
|
|
141
|
-
right: unset;
|
|
142
|
-
left: auto;
|
|
143
|
-
right: 0;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
121
|
+
:host(.menu-side-start) .menu-inner {
|
|
122
|
+
inset-inline-start: 0;
|
|
123
|
+
inset-inline-end: auto;
|
|
146
124
|
}
|
|
125
|
+
|
|
147
126
|
:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner {
|
|
148
127
|
/**
|
|
149
128
|
* Menu does not cover the whole screen so we need to set the safe area for the
|
|
@@ -201,32 +180,11 @@
|
|
|
201
180
|
top: 0;
|
|
202
181
|
bottom: 0;
|
|
203
182
|
}
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
inset-inline-end: 0;
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
@supports not (inset-inline-start: 0) {
|
|
211
|
-
:host(.menu-side-end) .menu-inner {
|
|
212
|
-
left: auto;
|
|
213
|
-
right: 0;
|
|
214
|
-
}
|
|
215
|
-
:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner {
|
|
216
|
-
left: unset;
|
|
217
|
-
right: unset;
|
|
218
|
-
left: 0;
|
|
219
|
-
right: auto;
|
|
220
|
-
}
|
|
221
|
-
@supports selector(:dir(rtl)) {
|
|
222
|
-
:host(.menu-side-end:dir(rtl)) .menu-inner {
|
|
223
|
-
left: unset;
|
|
224
|
-
right: unset;
|
|
225
|
-
left: 0;
|
|
226
|
-
right: auto;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
183
|
+
:host(.menu-side-end) .menu-inner {
|
|
184
|
+
inset-inline-start: auto;
|
|
185
|
+
inset-inline-end: 0;
|
|
229
186
|
}
|
|
187
|
+
|
|
230
188
|
:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner {
|
|
231
189
|
/**
|
|
232
190
|
* Menu does not cover the whole screen so we need to set the safe area for the
|
|
@@ -118,32 +118,11 @@
|
|
|
118
118
|
top: 0;
|
|
119
119
|
bottom: 0;
|
|
120
120
|
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
inset-inline-end: auto;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
@supports not (inset-inline-start: 0) {
|
|
128
|
-
:host(.menu-side-start) .menu-inner {
|
|
129
|
-
left: 0;
|
|
130
|
-
right: auto;
|
|
131
|
-
}
|
|
132
|
-
:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner {
|
|
133
|
-
left: unset;
|
|
134
|
-
right: unset;
|
|
135
|
-
left: auto;
|
|
136
|
-
right: 0;
|
|
137
|
-
}
|
|
138
|
-
@supports selector(:dir(rtl)) {
|
|
139
|
-
:host(.menu-side-start:dir(rtl)) .menu-inner {
|
|
140
|
-
left: unset;
|
|
141
|
-
right: unset;
|
|
142
|
-
left: auto;
|
|
143
|
-
right: 0;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
121
|
+
:host(.menu-side-start) .menu-inner {
|
|
122
|
+
inset-inline-start: 0;
|
|
123
|
+
inset-inline-end: auto;
|
|
146
124
|
}
|
|
125
|
+
|
|
147
126
|
:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner {
|
|
148
127
|
/**
|
|
149
128
|
* Menu does not cover the whole screen so we need to set the safe area for the
|
|
@@ -201,32 +180,11 @@
|
|
|
201
180
|
top: 0;
|
|
202
181
|
bottom: 0;
|
|
203
182
|
}
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
inset-inline-end: 0;
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
@supports not (inset-inline-start: 0) {
|
|
211
|
-
:host(.menu-side-end) .menu-inner {
|
|
212
|
-
left: auto;
|
|
213
|
-
right: 0;
|
|
214
|
-
}
|
|
215
|
-
:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner {
|
|
216
|
-
left: unset;
|
|
217
|
-
right: unset;
|
|
218
|
-
left: 0;
|
|
219
|
-
right: auto;
|
|
220
|
-
}
|
|
221
|
-
@supports selector(:dir(rtl)) {
|
|
222
|
-
:host(.menu-side-end:dir(rtl)) .menu-inner {
|
|
223
|
-
left: unset;
|
|
224
|
-
right: unset;
|
|
225
|
-
left: 0;
|
|
226
|
-
right: auto;
|
|
227
|
-
}
|
|
228
|
-
}
|
|
183
|
+
:host(.menu-side-end) .menu-inner {
|
|
184
|
+
inset-inline-start: auto;
|
|
185
|
+
inset-inline-end: 0;
|
|
229
186
|
}
|
|
187
|
+
|
|
230
188
|
:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner {
|
|
231
189
|
/**
|
|
232
190
|
* Menu does not cover the whole screen so we need to set the safe area for the
|
|
@@ -165,7 +165,7 @@ ion-backdrop {
|
|
|
165
165
|
*/
|
|
166
166
|
transform: translateZ(0);
|
|
167
167
|
border: 0;
|
|
168
|
-
background: var(--ion-color-step-350,
|
|
168
|
+
background: var(--ion-color-step-350, #c0c0be);
|
|
169
169
|
cursor: pointer;
|
|
170
170
|
z-index: 11;
|
|
171
171
|
}
|
|
@@ -165,7 +165,7 @@ ion-backdrop {
|
|
|
165
165
|
*/
|
|
166
166
|
transform: translateZ(0);
|
|
167
167
|
border: 0;
|
|
168
|
-
background: var(--ion-color-step-350,
|
|
168
|
+
background: var(--ion-color-step-350, #c0c0be);
|
|
169
169
|
cursor: pointer;
|
|
170
170
|
z-index: 11;
|
|
171
171
|
}
|
|
@@ -154,54 +154,16 @@
|
|
|
154
154
|
top: 0;
|
|
155
155
|
height: 83px;
|
|
156
156
|
}
|
|
157
|
-
|
|
158
|
-
:
|
|
159
|
-
inset-inline-start: 0;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
@supports not (inset-inline-start: 0) {
|
|
163
|
-
:host .picker-before {
|
|
164
|
-
left: 0;
|
|
165
|
-
}
|
|
166
|
-
:host-context([dir=rtl]) .picker-before {
|
|
167
|
-
left: unset;
|
|
168
|
-
right: unset;
|
|
169
|
-
right: 0;
|
|
170
|
-
}
|
|
171
|
-
@supports selector(:dir(rtl)) {
|
|
172
|
-
:host(:dir(rtl)) .picker-before {
|
|
173
|
-
left: unset;
|
|
174
|
-
right: unset;
|
|
175
|
-
right: 0;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
157
|
+
:host .picker-before {
|
|
158
|
+
inset-inline-start: 0;
|
|
178
159
|
}
|
|
179
160
|
|
|
180
161
|
:host .picker-after {
|
|
181
162
|
top: 116px;
|
|
182
163
|
height: 84px;
|
|
183
164
|
}
|
|
184
|
-
|
|
185
|
-
:
|
|
186
|
-
inset-inline-start: 0;
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
@supports not (inset-inline-start: 0) {
|
|
190
|
-
:host .picker-after {
|
|
191
|
-
left: 0;
|
|
192
|
-
}
|
|
193
|
-
:host-context([dir=rtl]) .picker-after {
|
|
194
|
-
left: unset;
|
|
195
|
-
right: unset;
|
|
196
|
-
right: 0;
|
|
197
|
-
}
|
|
198
|
-
@supports selector(:dir(rtl)) {
|
|
199
|
-
:host(:dir(rtl)) .picker-after {
|
|
200
|
-
left: unset;
|
|
201
|
-
right: unset;
|
|
202
|
-
right: 0;
|
|
203
|
-
}
|
|
204
|
-
}
|
|
165
|
+
:host .picker-after {
|
|
166
|
+
inset-inline-start: 0;
|
|
205
167
|
}
|
|
206
168
|
|
|
207
169
|
:host .picker-highlight {
|
|
@@ -264,5 +226,5 @@
|
|
|
264
226
|
}
|
|
265
227
|
|
|
266
228
|
:host .picker-highlight {
|
|
267
|
-
background: var(--highlight-background, var(--ion-color-step-150,
|
|
229
|
+
background: var(--highlight-background, var(--ion-color-step-150, #eeeeef));
|
|
268
230
|
}
|
|
@@ -154,54 +154,16 @@
|
|
|
154
154
|
top: 0;
|
|
155
155
|
height: 83px;
|
|
156
156
|
}
|
|
157
|
-
|
|
158
|
-
:
|
|
159
|
-
inset-inline-start: 0;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
@supports not (inset-inline-start: 0) {
|
|
163
|
-
:host .picker-before {
|
|
164
|
-
left: 0;
|
|
165
|
-
}
|
|
166
|
-
:host-context([dir=rtl]) .picker-before {
|
|
167
|
-
left: unset;
|
|
168
|
-
right: unset;
|
|
169
|
-
right: 0;
|
|
170
|
-
}
|
|
171
|
-
@supports selector(:dir(rtl)) {
|
|
172
|
-
:host(:dir(rtl)) .picker-before {
|
|
173
|
-
left: unset;
|
|
174
|
-
right: unset;
|
|
175
|
-
right: 0;
|
|
176
|
-
}
|
|
177
|
-
}
|
|
157
|
+
:host .picker-before {
|
|
158
|
+
inset-inline-start: 0;
|
|
178
159
|
}
|
|
179
160
|
|
|
180
161
|
:host .picker-after {
|
|
181
162
|
top: 116px;
|
|
182
163
|
height: 84px;
|
|
183
164
|
}
|
|
184
|
-
|
|
185
|
-
:
|
|
186
|
-
inset-inline-start: 0;
|
|
187
|
-
}
|
|
188
|
-
}
|
|
189
|
-
@supports not (inset-inline-start: 0) {
|
|
190
|
-
:host .picker-after {
|
|
191
|
-
left: 0;
|
|
192
|
-
}
|
|
193
|
-
:host-context([dir=rtl]) .picker-after {
|
|
194
|
-
left: unset;
|
|
195
|
-
right: unset;
|
|
196
|
-
right: 0;
|
|
197
|
-
}
|
|
198
|
-
@supports selector(:dir(rtl)) {
|
|
199
|
-
:host(:dir(rtl)) .picker-after {
|
|
200
|
-
left: unset;
|
|
201
|
-
right: unset;
|
|
202
|
-
right: 0;
|
|
203
|
-
}
|
|
204
|
-
}
|
|
165
|
+
:host .picker-after {
|
|
166
|
+
inset-inline-start: 0;
|
|
205
167
|
}
|
|
206
168
|
|
|
207
169
|
:host .picker-highlight {
|
|
@@ -93,27 +93,8 @@
|
|
|
93
93
|
user-select: none;
|
|
94
94
|
z-index: 1001;
|
|
95
95
|
}
|
|
96
|
-
|
|
97
|
-
:
|
|
98
|
-
inset-inline-start: 0;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
@supports not (inset-inline-start: 0) {
|
|
102
|
-
:host {
|
|
103
|
-
left: 0;
|
|
104
|
-
}
|
|
105
|
-
:host-context([dir=rtl]) {
|
|
106
|
-
left: unset;
|
|
107
|
-
right: unset;
|
|
108
|
-
right: 0;
|
|
109
|
-
}
|
|
110
|
-
@supports selector(:dir(rtl)) {
|
|
111
|
-
:host(:dir(rtl)) {
|
|
112
|
-
left: unset;
|
|
113
|
-
right: unset;
|
|
114
|
-
right: 0;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
96
|
+
:host {
|
|
97
|
+
inset-inline-start: 0;
|
|
117
98
|
}
|
|
118
99
|
|
|
119
100
|
:host(.overlay-hidden) {
|
|
@@ -239,7 +220,7 @@
|
|
|
239
220
|
:host {
|
|
240
221
|
--background: var(--ion-background-color, #fff);
|
|
241
222
|
--border-width: 1px 0 0;
|
|
242
|
-
--border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250,
|
|
223
|
+
--border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));
|
|
243
224
|
--height: 260px;
|
|
244
225
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.26);
|
|
245
226
|
color: var(--ion-item-color, var(--ion-text-color, #000));
|
|
@@ -299,32 +280,8 @@
|
|
|
299
280
|
background: linear-gradient(to bottom, var(--background, var(--ion-background-color, #fff)) 20%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);
|
|
300
281
|
z-index: 10;
|
|
301
282
|
}
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
inset-inline-start: 0;
|
|
305
|
-
}
|
|
306
|
-
}
|
|
307
|
-
@supports not (inset-inline-start: 0) {
|
|
308
|
-
.picker-above-highlight {
|
|
309
|
-
left: 0;
|
|
310
|
-
}
|
|
311
|
-
:host-context([dir=rtl]) .picker-above-highlight {
|
|
312
|
-
left: unset;
|
|
313
|
-
right: unset;
|
|
314
|
-
right: 0;
|
|
315
|
-
}
|
|
316
|
-
[dir=rtl] .picker-above-highlight {
|
|
317
|
-
left: unset;
|
|
318
|
-
right: unset;
|
|
319
|
-
right: 0;
|
|
320
|
-
}
|
|
321
|
-
@supports selector(:dir(rtl)) {
|
|
322
|
-
.picker-above-highlight:dir(rtl) {
|
|
323
|
-
left: unset;
|
|
324
|
-
right: unset;
|
|
325
|
-
right: 0;
|
|
326
|
-
}
|
|
327
|
-
}
|
|
283
|
+
.picker-above-highlight {
|
|
284
|
+
inset-inline-start: 0;
|
|
328
285
|
}
|
|
329
286
|
|
|
330
287
|
.picker-below-highlight {
|
|
@@ -338,30 +295,6 @@
|
|
|
338
295
|
background: linear-gradient(to top, var(--background, var(--ion-background-color, #fff)) 30%, rgba(var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255)), 0.8) 100%);
|
|
339
296
|
z-index: 11;
|
|
340
297
|
}
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
inset-inline-start: 0;
|
|
344
|
-
}
|
|
345
|
-
}
|
|
346
|
-
@supports not (inset-inline-start: 0) {
|
|
347
|
-
.picker-below-highlight {
|
|
348
|
-
left: 0;
|
|
349
|
-
}
|
|
350
|
-
:host-context([dir=rtl]) .picker-below-highlight {
|
|
351
|
-
left: unset;
|
|
352
|
-
right: unset;
|
|
353
|
-
right: 0;
|
|
354
|
-
}
|
|
355
|
-
[dir=rtl] .picker-below-highlight {
|
|
356
|
-
left: unset;
|
|
357
|
-
right: unset;
|
|
358
|
-
right: 0;
|
|
359
|
-
}
|
|
360
|
-
@supports selector(:dir(rtl)) {
|
|
361
|
-
.picker-below-highlight:dir(rtl) {
|
|
362
|
-
left: unset;
|
|
363
|
-
right: unset;
|
|
364
|
-
right: 0;
|
|
365
|
-
}
|
|
366
|
-
}
|
|
298
|
+
.picker-below-highlight {
|
|
299
|
+
inset-inline-start: 0;
|
|
367
300
|
}
|
|
@@ -93,27 +93,8 @@
|
|
|
93
93
|
user-select: none;
|
|
94
94
|
z-index: 1001;
|
|
95
95
|
}
|
|
96
|
-
|
|
97
|
-
:
|
|
98
|
-
inset-inline-start: 0;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
@supports not (inset-inline-start: 0) {
|
|
102
|
-
:host {
|
|
103
|
-
left: 0;
|
|
104
|
-
}
|
|
105
|
-
:host-context([dir=rtl]) {
|
|
106
|
-
left: unset;
|
|
107
|
-
right: unset;
|
|
108
|
-
right: 0;
|
|
109
|
-
}
|
|
110
|
-
@supports selector(:dir(rtl)) {
|
|
111
|
-
:host(:dir(rtl)) {
|
|
112
|
-
left: unset;
|
|
113
|
-
right: unset;
|
|
114
|
-
right: 0;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
96
|
+
:host {
|
|
97
|
+
inset-inline-start: 0;
|
|
117
98
|
}
|
|
118
99
|
|
|
119
100
|
:host(.overlay-hidden) {
|
|
@@ -239,7 +220,7 @@
|
|
|
239
220
|
:host {
|
|
240
221
|
--background: var(--ion-background-color, #fff);
|
|
241
222
|
--border-width: 0.55px 0 0;
|
|
242
|
-
--border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150,
|
|
223
|
+
--border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
|
|
243
224
|
--height: 260px;
|
|
244
225
|
--backdrop-opacity: var(--ion-backdrop-opacity, 0.26);
|
|
245
226
|
color: var(--ion-item-color, var(--ion-text-color, #000));
|
|
@@ -283,36 +264,12 @@
|
|
|
283
264
|
position: absolute;
|
|
284
265
|
width: 100%;
|
|
285
266
|
height: 81px;
|
|
286
|
-
border-bottom: 1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150,
|
|
267
|
+
border-bottom: 1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
|
|
287
268
|
background: linear-gradient(to bottom, var(--ion-background-color, #fff) 20%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);
|
|
288
269
|
z-index: 10;
|
|
289
270
|
}
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
inset-inline-start: 0;
|
|
293
|
-
}
|
|
294
|
-
}
|
|
295
|
-
@supports not (inset-inline-start: 0) {
|
|
296
|
-
.picker-above-highlight {
|
|
297
|
-
left: 0;
|
|
298
|
-
}
|
|
299
|
-
:host-context([dir=rtl]) .picker-above-highlight {
|
|
300
|
-
left: unset;
|
|
301
|
-
right: unset;
|
|
302
|
-
right: 0;
|
|
303
|
-
}
|
|
304
|
-
[dir=rtl] .picker-above-highlight {
|
|
305
|
-
left: unset;
|
|
306
|
-
right: unset;
|
|
307
|
-
right: 0;
|
|
308
|
-
}
|
|
309
|
-
@supports selector(:dir(rtl)) {
|
|
310
|
-
.picker-above-highlight:dir(rtl) {
|
|
311
|
-
left: unset;
|
|
312
|
-
right: unset;
|
|
313
|
-
right: 0;
|
|
314
|
-
}
|
|
315
|
-
}
|
|
271
|
+
.picker-above-highlight {
|
|
272
|
+
inset-inline-start: 0;
|
|
316
273
|
}
|
|
317
274
|
|
|
318
275
|
.picker-below-highlight {
|
|
@@ -321,34 +278,10 @@
|
|
|
321
278
|
position: absolute;
|
|
322
279
|
width: 100%;
|
|
323
280
|
height: 119px;
|
|
324
|
-
border-top: 1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150,
|
|
281
|
+
border-top: 1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));
|
|
325
282
|
background: linear-gradient(to top, var(--ion-background-color, #fff) 30%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%);
|
|
326
283
|
z-index: 11;
|
|
327
284
|
}
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
inset-inline-start: 0;
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
@supports not (inset-inline-start: 0) {
|
|
334
|
-
.picker-below-highlight {
|
|
335
|
-
left: 0;
|
|
336
|
-
}
|
|
337
|
-
:host-context([dir=rtl]) .picker-below-highlight {
|
|
338
|
-
left: unset;
|
|
339
|
-
right: unset;
|
|
340
|
-
right: 0;
|
|
341
|
-
}
|
|
342
|
-
[dir=rtl] .picker-below-highlight {
|
|
343
|
-
left: unset;
|
|
344
|
-
right: unset;
|
|
345
|
-
right: 0;
|
|
346
|
-
}
|
|
347
|
-
@supports selector(:dir(rtl)) {
|
|
348
|
-
.picker-below-highlight:dir(rtl) {
|
|
349
|
-
left: unset;
|
|
350
|
-
right: unset;
|
|
351
|
-
right: 0;
|
|
352
|
-
}
|
|
353
|
-
}
|
|
285
|
+
.picker-below-highlight {
|
|
286
|
+
inset-inline-start: 0;
|
|
354
287
|
}
|
|
@@ -82,32 +82,8 @@
|
|
|
82
82
|
overflow: hidden;
|
|
83
83
|
will-change: transform;
|
|
84
84
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
inset-inline-start: 0;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
@supports not (inset-inline-start: 0) {
|
|
91
|
-
.picker-opt {
|
|
92
|
-
left: 0;
|
|
93
|
-
}
|
|
94
|
-
:host-context([dir=rtl]) .picker-opt {
|
|
95
|
-
left: unset;
|
|
96
|
-
right: unset;
|
|
97
|
-
right: 0;
|
|
98
|
-
}
|
|
99
|
-
[dir=rtl] .picker-opt {
|
|
100
|
-
left: unset;
|
|
101
|
-
right: unset;
|
|
102
|
-
right: 0;
|
|
103
|
-
}
|
|
104
|
-
@supports selector(:dir(rtl)) {
|
|
105
|
-
.picker-opt:dir(rtl) {
|
|
106
|
-
left: unset;
|
|
107
|
-
right: unset;
|
|
108
|
-
right: 0;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
85
|
+
.picker-opt {
|
|
86
|
+
inset-inline-start: 0;
|
|
111
87
|
}
|
|
112
88
|
|
|
113
89
|
.picker-opt.picker-opt-disabled {
|
|
@@ -82,32 +82,8 @@
|
|
|
82
82
|
overflow: hidden;
|
|
83
83
|
will-change: transform;
|
|
84
84
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
inset-inline-start: 0;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
@supports not (inset-inline-start: 0) {
|
|
91
|
-
.picker-opt {
|
|
92
|
-
left: 0;
|
|
93
|
-
}
|
|
94
|
-
:host-context([dir=rtl]) .picker-opt {
|
|
95
|
-
left: unset;
|
|
96
|
-
right: unset;
|
|
97
|
-
right: 0;
|
|
98
|
-
}
|
|
99
|
-
[dir=rtl] .picker-opt {
|
|
100
|
-
left: unset;
|
|
101
|
-
right: unset;
|
|
102
|
-
right: 0;
|
|
103
|
-
}
|
|
104
|
-
@supports selector(:dir(rtl)) {
|
|
105
|
-
.picker-opt:dir(rtl) {
|
|
106
|
-
left: unset;
|
|
107
|
-
right: unset;
|
|
108
|
-
right: 0;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
85
|
+
.picker-opt {
|
|
86
|
+
inset-inline-start: 0;
|
|
111
87
|
}
|
|
112
88
|
|
|
113
89
|
.picker-opt.picker-opt-disabled {
|
|
@@ -249,7 +249,7 @@
|
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
:host(.popover-desktop) .popover-content {
|
|
252
|
-
border: 0.5px solid var(--ion-color-step-100,
|
|
252
|
+
border: 0.5px solid var(--ion-color-step-100, #e6e6e6);
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
.popover-arrow {
|
|
@@ -271,32 +271,8 @@
|
|
|
271
271
|
content: "";
|
|
272
272
|
z-index: 10;
|
|
273
273
|
}
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
inset-inline-start: 3px;
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
@supports not (inset-inline-start: 0) {
|
|
280
|
-
.popover-arrow::after {
|
|
281
|
-
left: 3px;
|
|
282
|
-
}
|
|
283
|
-
:host-context([dir=rtl]) .popover-arrow::after {
|
|
284
|
-
left: unset;
|
|
285
|
-
right: unset;
|
|
286
|
-
right: 3px;
|
|
287
|
-
}
|
|
288
|
-
[dir=rtl] .popover-arrow::after {
|
|
289
|
-
left: unset;
|
|
290
|
-
right: unset;
|
|
291
|
-
right: 3px;
|
|
292
|
-
}
|
|
293
|
-
@supports selector(:dir(rtl)) {
|
|
294
|
-
.popover-arrow::after:dir(rtl) {
|
|
295
|
-
left: unset;
|
|
296
|
-
right: unset;
|
|
297
|
-
right: 3px;
|
|
298
|
-
}
|
|
299
|
-
}
|
|
274
|
+
.popover-arrow::after {
|
|
275
|
+
inset-inline-start: 3px;
|
|
300
276
|
}
|
|
301
277
|
|
|
302
278
|
:host(.popover-bottom) .popover-arrow {
|