diff --git a/src-ui/messages.xlf b/src-ui/messages.xlf index 11fd3570d..92b4c9a35 100644 --- a/src-ui/messages.xlf +++ b/src-ui/messages.xlf @@ -309,84 +309,84 @@ Drag-and-drop documents here to start uploading or place them in the consume folder. You can also drag-and-drop documents anywhere on all other pages of the web app. Once you do, Paperless-ngx will start training it's machine learning algorithms. src/app/app.component.ts - 128 + 129 The documents list shows all of your documents and allows for filtering as well as bulk-editing. There are three different view styles: list, small cards and large cards. A list of documents currently opened for editing is shown in the sidebar. src/app/app.component.ts - 133 + 135 The filtering tools allow you to quickly find documents using various searches, dates, tags, etc. src/app/app.component.ts - 140 + 144 Any combination of filters can be saved as a 'view' which can then be displayed on the dashboard and / or sidebar. src/app/app.component.ts - 146 + 151 Tags, correspondents, document types and storage paths can all be managed using these pages. They can also be created from the document edit view. src/app/app.component.ts - 151 + 157 File Tasks shows you documents that have been consumed, are waiting to be, or may have failed during the process. src/app/app.component.ts - 156 + 163 Check out the settings for various tweaks to the web app or to toggle settings for saved views. src/app/app.component.ts - 161 + 169 The Admin area contains more advanced controls as well as the settings for automatic e-mail fetching. src/app/app.component.ts - 166 + 175 Thank you! 🙏 src/app/app.component.ts - 170 + 180 There are <em>tons</em> more features and info we didn't cover here, but this should get you started. Check out the documentation or visit the project on GitHub to learn more or to report issues. src/app/app.component.ts - 172 + 182 Lastly, on behalf of every contributor to this community-supported project, thank you for using Paperless-ngx! src/app/app.component.ts - 174 + 184 Initiating upload... src/app/app.component.ts - 220 + 230 @@ -1155,7 +1155,7 @@ Loading... src/app/components/dashboard/dashboard.component.html - 28 + 26 src/app/components/dashboard/widgets/widget-frame/widget-frame.component.html @@ -1163,7 +1163,7 @@ src/app/components/document-list/document-list.component.html - 89 + 88 src/app/components/manage/tasks/tasks.component.html @@ -1207,7 +1207,7 @@ src/app/components/document-list/document-list.component.html - 152 + 150 src/app/components/document-list/filter-editor/filter-editor.component.html @@ -1234,7 +1234,7 @@ src/app/components/document-list/document-list.component.html - 134 + 132 src/app/components/document-list/filter-editor/filter-editor.component.ts @@ -1580,7 +1580,7 @@ src/app/components/document-list/document-list.component.html - 128 + 126 src/app/components/document-list/filter-editor/filter-editor.component.html @@ -1603,7 +1603,7 @@ src/app/components/document-list/document-list.component.html - 140 + 138 src/app/components/document-list/filter-editor/filter-editor.component.html @@ -1626,7 +1626,7 @@ src/app/components/document-list/document-list.component.html - 146 + 144 src/app/components/document-list/filter-editor/filter-editor.component.html @@ -2158,7 +2158,7 @@ src/app/components/document-list/document-list.component.html - 173 + 171 @@ -2169,7 +2169,7 @@ src/app/components/document-list/document-list.component.html - 178 + 176 @@ -2230,7 +2230,7 @@ src/app/components/document-list/document-list.component.html - 182 + 180 @@ -2241,7 +2241,7 @@ src/app/components/document-list/document-list.component.html - 187 + 185 @@ -2365,35 +2365,35 @@ {VAR_PLURAL, plural, =1 {Selected of one document} other {Selected of documents}} src/app/components/document-list/document-list.component.html - 91 + 90 {VAR_PLURAL, plural, =1 {One document} other { documents}} src/app/components/document-list/document-list.component.html - 93 + 92 (filtered) src/app/components/document-list/document-list.component.html - 93 + 92 Error while loading documents src/app/components/document-list/document-list.component.html - 105 + 103 ASN src/app/components/document-list/document-list.component.html - 122 + 120 src/app/components/document-list/filter-editor/filter-editor.component.ts @@ -2408,7 +2408,7 @@ Added src/app/components/document-list/document-list.component.html - 158 + 156 src/app/components/document-list/filter-editor/filter-editor.component.html @@ -2423,7 +2423,7 @@ Edit document src/app/components/document-list/document-list.component.html - 177 + 175 diff --git a/src-ui/src/app/app.component.ts b/src-ui/src/app/app.component.ts index 63ad3808d..4ab48f32c 100644 --- a/src-ui/src/app/app.component.ts +++ b/src-ui/src/app/app.component.ts @@ -121,12 +121,14 @@ export class AppComponent implements OnInit, OnDestroy { anchorId: 'tour.dashboard', content: $localize`The dashboard can be used to show saved views, such as an 'Inbox'. Those settings are found under Settings > Saved Views once you have created some.`, route: '/dashboard', - placement: 'bottom', + enableBackdrop: true, + delayAfterNavigation: 500, }, { anchorId: 'tour.upload-widget', content: $localize`Drag-and-drop documents here to start uploading or place them in the consume folder. You can also drag-and-drop documents anywhere on all other pages of the web app. Once you do, Paperless-ngx will start training it's machine learning algorithms.`, route: '/dashboard', + enableBackdrop: true, }, { anchorId: 'tour.documents', @@ -134,36 +136,44 @@ export class AppComponent implements OnInit, OnDestroy { route: '/documents?sort=created&reverse=1&page=1', delayAfterNavigation: 500, placement: 'bottom', + enableBackdrop: true, + disableScrollToAnchor: true, }, { anchorId: 'tour.documents-filter-editor', content: $localize`The filtering tools allow you to quickly find documents using various searches, dates, tags, etc.`, route: '/documents?sort=created&reverse=1&page=1', placement: 'bottom', + enableBackdrop: true, }, { anchorId: 'tour.documents-views', content: $localize`Any combination of filters can be saved as a 'view' which can then be displayed on the dashboard and / or sidebar.`, route: '/documents?sort=created&reverse=1&page=1', + enableBackdrop: true, }, { anchorId: 'tour.tags', content: $localize`Tags, correspondents, document types and storage paths can all be managed using these pages. They can also be created from the document edit view.`, route: '/tags', + enableBackdrop: true, }, { anchorId: 'tour.file-tasks', content: $localize`File Tasks shows you documents that have been consumed, are waiting to be, or may have failed during the process.`, route: '/tasks', + enableBackdrop: true, }, { anchorId: 'tour.settings', content: $localize`Check out the settings for various tweaks to the web app or to toggle settings for saved views.`, route: '/settings', + enableBackdrop: true, }, { anchorId: 'tour.admin', content: $localize`The Admin area contains more advanced controls as well as the settings for automatic e-mail fetching.`, + enableBackdrop: true, }, { anchorId: 'tour.outro', diff --git a/src-ui/src/app/components/dashboard/dashboard.component.html b/src-ui/src/app/components/dashboard/dashboard.component.html index d57129a9a..6f408d3cf 100644 --- a/src-ui/src/app/components/dashboard/dashboard.component.html +++ b/src-ui/src/app/components/dashboard/dashboard.component.html @@ -19,8 +19,6 @@ -
-
@@ -28,10 +26,13 @@ Loading... - + - - + + + + +
diff --git a/src-ui/src/app/components/document-list/document-list.component.html b/src-ui/src/app/components/document-list/document-list.component.html index 94f67d68d..2c1e4cef8 100644 --- a/src-ui/src/app/components/document-list/document-list.component.html +++ b/src-ui/src/app/components/document-list/document-list.component.html @@ -77,12 +77,11 @@
-
-
+

@@ -98,7 +97,6 @@
-
diff --git a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.html b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.html index bfc6d4925..3ba0623dd 100644 --- a/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.html +++ b/src-ui/src/app/components/document-list/filter-editor/filter-editor.component.html @@ -1,4 +1,4 @@ -
+
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss index 96d2b1539..5bbc1cc32 100644 --- a/src-ui/src/styles.scss +++ b/src-ui/src/styles.scss @@ -513,12 +513,22 @@ table.table { } } -// Tour popovers +// Tour .tour-active .popover { min-width: 360px; margin: 0 .25rem .25rem !important; } +body.tour-active .row.sticky-top, +body.tour-active .sidebar { + z-index: inherit !important; +} + +.nav-link.touranchor--is-active { + font-weight: bold !important; + color: var(--bs-primary); +} + // fix popover carat colors .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] { border-left-color: var(--pngx-bg-alt);