upgrade framework7 to 9.0

This commit is contained in:
MaysWind
2025-11-30 03:22:53 +08:00
parent 608411feab
commit 96561ec2be
28 changed files with 423 additions and 238 deletions
+11 -11
View File
@@ -4,21 +4,21 @@
--f7-font-size: 14px;
--f7-navbar-font-size: 17px;
--f7-searchbar-input-font-size: 17px;
--f7-searchbar-input-height: 32px;
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 17px;
--f7-tabbar-icon-size: 28px;
--f7-tabbar-icons-height: 50px;
--f7-tabbar-icons-height: 80px;
--f7-tabbar-label-font-size: 12px;
--f7-label-font-size: 12px;
--f7-label-height: 16px;
--f7-input-font-size: 16px;
--f7-input-height: 40px;
--f7-button-font-size: 14px;
--f7-button-small-font-size: 13px;
--f7-button-small-height: 26px;
--f7-button-font-size: 15px;
--f7-button-small-font-size: 14px;
--f7-button-small-height: 28px;
--f7-button-large-font-size: 17px;
--f7-chip-font-size: 14px;
--f7-block-title-font-size: 16px;
--f7-block-title-font-size: 17px;
--f7-block-title-line-height: 20px;
--f7-block-font-size: 17px;
--f7-block-footer-font-size: 14px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 17px;
--f7-list-item-footer-font-size: 12px;
--f7-list-button-font-size: 17px;
--f7-list-item-min-height: 44px;
--f7-list-item-min-height: 52px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-vertical: 10px;
--f7-treeview-label-font-size: 17px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 14px;
--f7-dialog-button-font-size: 17px;
--f7-dialog-input-font-size: 14px;
--f7-dialog-input-height: 32px;
--f7-dialog-input-height: 40px;
--f7-actions-label-font-size: 13px;
--f7-actions-button-font-size: 20px;
--f7-toast-font-size: 14px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 2px;
--ebk-hide-icon-font-size: 18px;
--ebk-separate-icon-font-size: 24px;
--ebk-big-icon-button-size: 42px;
--ebk-icon-after-text-font-size: 16px;
--ebk-big-icon-button-size: 48px;
--ebk-icon-after-text-font-size: 17px;
--ebk-right-bottom-icon-font-size: 13px;
--ebk-page-title-bar-icon-font-size: 16px;
--ebk-page-title-bar-icon-font-size: 17px;
--ebk-list-item-checked-icon-font-size: 20px;
--ebk-searchbar-icon-font-size: 20px;
--ebk-searchbar-disable-button-font-size: 17px;
+11 -11
View File
@@ -4,21 +4,21 @@
--f7-font-size: 15px;
--f7-navbar-font-size: 18px;
--f7-searchbar-input-font-size: 18px;
--f7-searchbar-input-height: 32px;
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 18px;
--f7-tabbar-icon-size: 29px;
--f7-tabbar-icons-height: 50px;
--f7-tabbar-icons-height: 80px;
--f7-tabbar-label-font-size: 13px;
--f7-label-font-size: 13px;
--f7-label-height: 16px;
--f7-input-font-size: 17px;
--f7-input-height: 40px;
--f7-button-font-size: 15px;
--f7-button-small-font-size: 14px;
--f7-button-small-height: 26px;
--f7-button-font-size: 16px;
--f7-button-small-font-size: 15px;
--f7-button-small-height: 28px;
--f7-button-large-font-size: 18px;
--f7-chip-font-size: 15px;
--f7-block-title-font-size: 17px;
--f7-block-title-font-size: 18px;
--f7-block-title-line-height: 20px;
--f7-block-font-size: 17px;
--f7-block-footer-font-size: 15px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 17px;
--f7-list-item-footer-font-size: 13px;
--f7-list-button-font-size: 17px;
--f7-list-item-min-height: 46px;
--f7-list-item-min-height: 54px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-vertical: 10px;
--f7-treeview-label-font-size: 18px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 15px;
--f7-dialog-button-font-size: 18px;
--f7-dialog-input-font-size: 15px;
--f7-dialog-input-height: 34px;
--f7-dialog-input-height: 42px;
--f7-actions-label-font-size: 14px;
--f7-actions-button-font-size: 21px;
--f7-toast-font-size: 15px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 3px;
--ebk-hide-icon-font-size: 19px;
--ebk-separate-icon-font-size: 28px;
--ebk-big-icon-button-size: 44px;
--ebk-icon-after-text-font-size: 17px;
--ebk-big-icon-button-size: 50px;
--ebk-icon-after-text-font-size: 18px;
--ebk-right-bottom-icon-font-size: 13px;
--ebk-page-title-bar-icon-font-size: 17px;
--ebk-page-title-bar-icon-font-size: 18px;
--ebk-list-item-checked-icon-font-size: 21px;
--ebk-searchbar-icon-font-size: 20px;
--ebk-searchbar-disable-button-font-size: 17px;
+11 -11
View File
@@ -4,21 +4,21 @@
--f7-font-size: 13px;
--f7-navbar-font-size: 16px;
--f7-searchbar-input-font-size: 16px;
--f7-searchbar-input-height: 32px;
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 16px;
--f7-tabbar-icon-size: 28px;
--f7-tabbar-icons-height: 50px;
--f7-tabbar-icons-height: 80px;
--f7-tabbar-label-font-size: 12px;
--f7-label-font-size: 12px;
--f7-label-height: 16px;
--f7-input-font-size: 15px;
--f7-input-height: 40px;
--f7-button-font-size: 13px;
--f7-button-small-font-size: 12px;
--f7-button-small-height: 26px;
--f7-button-font-size: 14px;
--f7-button-small-font-size: 13px;
--f7-button-small-height: 28px;
--f7-button-large-font-size: 16px;
--f7-chip-font-size: 13px;
--f7-block-title-font-size: 15px;
--f7-block-title-font-size: 16px;
--f7-block-title-line-height: 20px;
--f7-block-font-size: 15px;
--f7-block-footer-font-size: 13px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 15px;
--f7-list-item-footer-font-size: 12px;
--f7-list-button-font-size: 15px;
--f7-list-item-min-height: 40px;
--f7-list-item-min-height: 48px;
--f7-list-item-padding-horizontal: 12px;
--f7-list-media-item-padding-vertical: 8px;
--f7-treeview-label-font-size: 16px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 13px;
--f7-dialog-button-font-size: 16px;
--f7-dialog-input-font-size: 13px;
--f7-dialog-input-height: 31px;
--f7-dialog-input-height: 39px;
--f7-actions-label-font-size: 12px;
--f7-actions-button-font-size: 18px;
--f7-toast-font-size: 13px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 2px;
--ebk-hide-icon-font-size: 18px;
--ebk-separate-icon-font-size: 20px;
--ebk-big-icon-button-size: 42px;
--ebk-icon-after-text-font-size: 15px;
--ebk-big-icon-button-size: 48px;
--ebk-icon-after-text-font-size: 16px;
--ebk-right-bottom-icon-font-size: 13px;
--ebk-page-title-bar-icon-font-size: 15px;
--ebk-page-title-bar-icon-font-size: 16px;
--ebk-list-item-checked-icon-font-size: 20px;
--ebk-searchbar-icon-font-size: 20px;
--ebk-searchbar-disable-button-font-size: 17px;
+11 -11
View File
@@ -4,21 +4,21 @@
--f7-font-size: 16px;
--f7-navbar-font-size: 19px;
--f7-searchbar-input-font-size: 19px;
--f7-searchbar-input-height: 32px;
--f7-searchbar-input-height: 44px;
--f7-toolbar-font-size: 19px;
--f7-tabbar-icon-size: 30px;
--f7-tabbar-icons-height: 54px;
--f7-tabbar-icons-height: 84px;
--f7-tabbar-label-font-size: 14px;
--f7-label-font-size: 14px;
--f7-label-height: 16px;
--f7-input-font-size: 18px;
--f7-input-height: 40px;
--f7-button-font-size: 16px;
--f7-button-small-font-size: 15px;
--f7-button-small-height: 26px;
--f7-button-font-size: 17px;
--f7-button-small-font-size: 16px;
--f7-button-small-height: 28px;
--f7-button-large-font-size: 19px;
--f7-chip-font-size: 16px;
--f7-block-title-font-size: 18px;
--f7-block-title-font-size: 19px;
--f7-block-title-line-height: 20px;
--f7-block-font-size: 18px;
--f7-block-footer-font-size: 16px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 18px;
--f7-list-item-footer-font-size: 14px;
--f7-list-button-font-size: 18px;
--f7-list-item-min-height: 48px;
--f7-list-item-min-height: 56px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-vertical: 10px;
--f7-treeview-label-font-size: 19px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 16px;
--f7-dialog-button-font-size: 19px;
--f7-dialog-input-font-size: 16px;
--f7-dialog-input-height: 36px;
--f7-dialog-input-height: 44px;
--f7-actions-label-font-size: 15px;
--f7-actions-button-font-size: 22px;
--f7-toast-font-size: 16px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 3px;
--ebk-hide-icon-font-size: 20px;
--ebk-separate-icon-font-size: 32px;
--ebk-big-icon-button-size: 48px;
--ebk-icon-after-text-font-size: 17px;
--ebk-big-icon-button-size: 54px;
--ebk-icon-after-text-font-size: 19px;
--ebk-right-bottom-icon-font-size: 14px;
--ebk-page-title-bar-icon-font-size: 17px;
--ebk-page-title-bar-icon-font-size: 19px;
--ebk-list-item-checked-icon-font-size: 22px;
--ebk-searchbar-icon-font-size: 20px;
--ebk-searchbar-disable-button-font-size: 18px;
+10 -10
View File
@@ -4,18 +4,18 @@
--f7-font-size: 17px;
--f7-navbar-font-size: 20px;
--f7-searchbar-input-font-size: 20px;
--f7-searchbar-input-height: 34px;
--f7-searchbar-input-height: 46px;
--f7-toolbar-font-size: 20px;
--f7-tabbar-icon-size: 32px;
--f7-tabbar-icons-height: 62px;
--f7-tabbar-icons-height: 92px;
--f7-tabbar-label-font-size: 17px;
--f7-label-font-size: 16px;
--f7-label-height: 18px;
--f7-input-font-size: 20px;
--f7-input-height: 56px;
--f7-button-font-size: 18px;
--f7-button-small-font-size: 15px;
--f7-button-small-height: 26px;
--f7-button-font-size: 19px;
--f7-button-small-font-size: 16px;
--f7-button-small-height: 28px;
--f7-button-large-font-size: 20px;
--f7-chip-font-size: 16px;
--f7-block-title-font-size: 20px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 20px;
--f7-list-item-footer-font-size: 15px;
--f7-list-button-font-size: 20px;
--f7-list-item-min-height: 50px;
--f7-list-item-min-height: 58px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-vertical: 10px;
--f7-treeview-label-font-size: 20px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 17px;
--f7-dialog-button-font-size: 20px;
--f7-dialog-input-font-size: 17px;
--f7-dialog-input-height: 40px;
--f7-dialog-input-height: 48px;
--f7-actions-label-font-size: 15px;
--f7-actions-button-font-size: 22px;
--f7-toast-font-size: 17px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 4px;
--ebk-hide-icon-font-size: 24px;
--ebk-separate-icon-font-size: 36px;
--ebk-big-icon-button-size: 54px;
--ebk-icon-after-text-font-size: 18px;
--ebk-big-icon-button-size: 60px;
--ebk-icon-after-text-font-size: 20px;
--ebk-right-bottom-icon-font-size: 15px;
--ebk-page-title-bar-icon-font-size: 18px;
--ebk-page-title-bar-icon-font-size: 20px;
--ebk-list-item-checked-icon-font-size: 24px;
--ebk-searchbar-icon-font-size: 22px;
--ebk-searchbar-disable-button-font-size: 20px;
+10 -10
View File
@@ -4,18 +4,18 @@
--f7-font-size: 19px;
--f7-navbar-font-size: 22px;
--f7-searchbar-input-font-size: 22px;
--f7-searchbar-input-height: 36px;
--f7-searchbar-input-height: 48px;
--f7-toolbar-font-size: 22px;
--f7-tabbar-icon-size: 34px;
--f7-tabbar-icons-height: 66px;
--f7-tabbar-icons-height: 96px;
--f7-tabbar-label-font-size: 19px;
--f7-label-font-size: 18px;
--f7-label-height: 20px;
--f7-input-font-size: 22px;
--f7-input-height: 60px;
--f7-button-font-size: 20px;
--f7-button-small-font-size: 17px;
--f7-button-small-height: 30px;
--f7-button-font-size: 21px;
--f7-button-small-font-size: 18px;
--f7-button-small-height: 32px;
--f7-button-large-font-size: 22px;
--f7-chip-font-size: 18px;
--f7-block-title-font-size: 22px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 22px;
--f7-list-item-footer-font-size: 17px;
--f7-list-button-font-size: 22px;
--f7-list-item-min-height: 52px;
--f7-list-item-min-height: 60px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-vertical: 10px;
--f7-treeview-label-font-size: 22px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 19px;
--f7-dialog-button-font-size: 22px;
--f7-dialog-input-font-size: 19px;
--f7-dialog-input-height: 44px;
--f7-dialog-input-height: 52px;
--f7-actions-label-font-size: 17px;
--f7-actions-button-font-size: 24px;
--f7-toast-font-size: 19px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 4px;
--ebk-hide-icon-font-size: 26px;
--ebk-separate-icon-font-size: 40px;
--ebk-big-icon-button-size: 58px;
--ebk-icon-after-text-font-size: 20px;
--ebk-big-icon-button-size: 64px;
--ebk-icon-after-text-font-size: 22px;
--ebk-right-bottom-icon-font-size: 17px;
--ebk-page-title-bar-icon-font-size: 20px;
--ebk-page-title-bar-icon-font-size: 22px;
--ebk-list-item-checked-icon-font-size: 26px;
--ebk-searchbar-icon-font-size: 24px;
--ebk-searchbar-disable-button-font-size: 22px;
+10 -10
View File
@@ -4,18 +4,18 @@
--f7-font-size: 21px;
--f7-navbar-font-size: 24px;
--f7-searchbar-input-font-size: 24px;
--f7-searchbar-input-height: 38px;
--f7-searchbar-input-height: 50px;
--f7-toolbar-font-size: 24px;
--f7-tabbar-icon-size: 36px;
--f7-tabbar-icons-height: 70px;
--f7-tabbar-icons-height: 100px;
--f7-tabbar-label-font-size: 21px;
--f7-label-font-size: 20px;
--f7-label-height: 22px;
--f7-input-font-size: 24px;
--f7-input-height: 64px;
--f7-button-font-size: 22px;
--f7-button-small-font-size: 19px;
--f7-button-small-height: 32px;
--f7-button-font-size: 23px;
--f7-button-small-font-size: 20px;
--f7-button-small-height: 34px;
--f7-button-large-font-size: 24px;
--f7-chip-font-size: 20px;
--f7-block-title-font-size: 24px;
@@ -32,7 +32,7 @@
--f7-list-item-after-font-size: 24px;
--f7-list-item-footer-font-size: 19px;
--f7-list-button-font-size: 24px;
--f7-list-item-min-height: 54px;
--f7-list-item-min-height: 62px;
--f7-list-item-padding-horizontal: 16px;
--f7-list-media-item-padding-vertical: 10px;
--f7-treeview-label-font-size: 24px;
@@ -41,7 +41,7 @@
--f7-dialog-font-size: 21px;
--f7-dialog-button-font-size: 24px;
--f7-dialog-input-font-size: 21px;
--f7-dialog-input-height: 48px;
--f7-dialog-input-height: 56px;
--f7-actions-label-font-size: 19px;
--f7-actions-button-font-size: 26px;
--f7-toast-font-size: 21px;
@@ -51,10 +51,10 @@
--ebk-icon-text-margin: 4px;
--ebk-hide-icon-font-size: 28px;
--ebk-separate-icon-font-size: 44px;
--ebk-big-icon-button-size: 64px;
--ebk-icon-after-text-font-size: 22px;
--ebk-big-icon-button-size: 70px;
--ebk-icon-after-text-font-size: 24px;
--ebk-right-bottom-icon-font-size: 19px;
--ebk-page-title-bar-icon-font-size: 22px;
--ebk-page-title-bar-icon-font-size: 24px;
--ebk-list-item-checked-icon-font-size: 28px;
--ebk-searchbar-icon-font-size: 26px;
--ebk-searchbar-disable-button-font-size: 24px;
+61 -12
View File
@@ -89,6 +89,8 @@ input[type=number] {
/** Replacing the default style of framework7 **/
:root {
--f7-toolbar-inner-padding-left: 8px;
--f7-toolbar-inner-padding-right: 8px;
--f7-popup-push-offset: 5px;
--f7-color-gray: #8e8e93;
--f7-color-gray-rgb: 142, 142, 147;
@@ -203,8 +205,11 @@ i.icon.la, i.icon.las, i.icon.lab {
}
.lang-popover-menu .popover-inner {
max-height: 300px;
overflow-y: auto;
max-height: 350px;
> .list {
overflow-y: auto;
}
}
.lang-popover-menu .popover-inner .item-title {
@@ -221,12 +226,27 @@ i.icon.la, i.icon.las, i.icon.lab {
text-overflow: ellipsis;
}
.settings-list .item-inner > .item-after {
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: block;
.settings-list .item-truncate-after-text .item-inner {
> .item-actual-title {
display: flex;
flex-shrink: 0;
max-width: 80%;
> span {
overflow: hidden;
text-overflow: ellipsis;
}
}
> .item-after {
display: block;
flex-shrink: 1;
min-width: 0;
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
}
.login-page-fixed-bottom {
@@ -289,14 +309,29 @@ html[dir="rtl"] i.icon.icon-with-direction {
margin-inline-start: 0;
}
.navbar > .navbar-inner > .navbar-hidden-icon.right {
box-shadow: inherit;
background-color: inherit;
}
.toolbar-inner {
gap: 2px !important;
> .link {
padding: 0 !important;
}
}
.toolbar-item-auto-size .toolbar-inner {
padding-inline-start: 16px;
padding-inline-end: 16px;
gap: 4px;
justify-content: space-between;
gap: 4px !important;
}
.toolbar-item-auto-size .toolbar-inner > .link {
width: auto;
min-width: 28px !important;
}
.tabbar-primary-link,
@@ -337,10 +372,12 @@ html[dir="rtl"] i.icon.icon-with-direction {
text-overflow: ellipsis;
}
.list .item-content .input.list-title-input {
margin-top: calc(-1 * var(--f7-list-item-padding-vertical));
margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical));
.list .editing-list-item .item-content .item-inner {
padding-top: 5px;
padding-bottom: 7px;
}
.list .item-content .input.list-title-input {
> input.input-with-value {
font-size: var(--f7-list-item-title-font-size);
}
@@ -728,6 +765,18 @@ html[dir="rtl"] .combination-list-wrapper .list.combination-list-header .combina
}
/** Fix @vuepic/vue-datepicker style issue **/
.dp__theme_light {
--dp-background-color: inherit;
--dp-border-color: #aaa;
--dp-menu-border-color: #aaa;
}
.dp__theme_dark {
--dp-background-color: inherit;
--dp-border-color: #555;
--dp-menu-border-color: #555;
}
.dp__main.dp__flex_display {
flex-direction: column;
}