diff --git a/src/mobile-ltr.scss b/src/mobile-ltr.scss index cc3b2d01..736a91af 100644 --- a/src/mobile-ltr.scss +++ b/src/mobile-ltr.scss @@ -22,6 +22,7 @@ @import 'framework7/components/range/css'; @import 'framework7/components/grid/css'; @import 'framework7/components/picker/css'; +@import 'framework7/components/fab/css'; @import 'framework7/components/infinite-scroll/css'; @import 'framework7/components/pull-to-refresh/css'; @import 'framework7/components/searchbar/css'; diff --git a/src/mobile-main.ts b/src/mobile-main.ts index eb207462..0fc0177c 100644 --- a/src/mobile-main.ts +++ b/src/mobile-main.ts @@ -26,6 +26,7 @@ import Framework7Toggle from 'framework7/components/toggle'; import Framework7Range from 'framework7/components/range'; import Framework7Grid from 'framework7/components/grid'; import Framework7Picker from 'framework7/components/picker'; +import Framework7Fab from 'framework7/components/fab'; import Framework7InfiniteScroll from 'framework7/components/infinite-scroll'; import Framework7PullToRefresh from 'framework7/components/pull-to-refresh'; import Framework7Searchbar from 'framework7/components/searchbar'; @@ -119,6 +120,7 @@ Framework7.use([ Framework7Range, Framework7Grid, Framework7Picker, + Framework7Fab, Framework7InfiniteScroll, Framework7PullToRefresh, Framework7Searchbar, diff --git a/src/mobile-rtl.scss b/src/mobile-rtl.scss index f8d0e63b..a1c82bda 100644 --- a/src/mobile-rtl.scss +++ b/src/mobile-rtl.scss @@ -22,6 +22,7 @@ @import '../node_modules/framework7/components/range/range-rtl.css'; @import '../node_modules/framework7/components/grid/grid-rtl.css'; @import '../node_modules/framework7/components/picker/picker-rtl.css'; +@import '../node_modules/framework7/components/fab/fab-rtl.css'; @import '../node_modules/framework7/components/infinite-scroll/infinite-scroll-rtl.css'; @import '../node_modules/framework7/components/pull-to-refresh/pull-to-refresh-rtl.css'; @import '../node_modules/framework7/components/searchbar/searchbar-rtl.css'; diff --git a/src/styles/mobile/global.scss b/src/styles/mobile/global.scss index 2df0bae2..bb4d9be8 100644 --- a/src/styles/mobile/global.scss +++ b/src/styles/mobile/global.scss @@ -92,6 +92,15 @@ input[type=number] { --f7-toolbar-inner-padding-left: 8px; --f7-toolbar-inner-padding-right: 8px; --f7-toolbar-height: 48px; + --f7-fab-size: 44px; + --f7-fab-extended-size: 44px; + --f7-fab-bg-color: var(--f7-glass-bg-color); + --f7-fab-pressed-bg-color: var(--f7-glass-bg-color); + --f7-fab-text-color: var(--f7-theme-color); + --f7-fab-extended-text-font-size: var(--f7-navbar-font-size); + --f7-fab-extended-text-font-weight: inherit; + --f7-fab-extended-text-transform: inherit; + --f7-glass-shadow-fab: var(--f7-glass-shadow); --f7-popup-push-offset: 5px; --f7-color-gray: #8e8e93; --f7-color-gray-rgb: 142, 142, 147; @@ -100,6 +109,13 @@ input[type=number] { --f7-notification-title-text-transform: unset; } +:root.dark { + --f7-fab-bg-color: var(--f7-glass-bg-color); + --f7-fab-pressed-bg-color: var(--f7-glass-bg-color); + --f7-fab-text-color: var(--f7-theme-color); + --f7-glass-shadow-fab: var(--f7-glass-shadow); +} + .color-gray { --f7-theme-color: var(--f7-color-gray); --f7-theme-color-rgb: var(--f7-color-gray-rgb); diff --git a/src/views/mobile/transactions/EditPage.vue b/src/views/mobile/transactions/EditPage.vue index c3a20fb5..f240eb0e 100644 --- a/src/views/mobile/transactions/EditPage.vue +++ b/src/views/mobile/transactions/EditPage.vue @@ -469,11 +469,12 @@ - - - {{ tt(saveButtonTitle) }} - - +