Various style tweaks (#555)

* icon width

* updated pagination style

* file preview zoom

WIP — shouldn’t show up on MODAL preview

* overlay/modal close button styling

* duplicate key

* bookmark styling

* card fade

also adds an rgb value for the page background variable

* style per page dropdown

* cards per page dropdown color

* inset non-dense notifications within sidebar

* reduce border radius for xs avatars

* hide non-expanded prepend/append

* reduce sidebar padding

this gives content a bit more room

* WIP: split and update comments and revisions

work in progress

* fix collections module name

* fix file library title

* consistent border on disabled

* fix title/breadcrumb positioning

* breadcrumb fixes

* add “open” button to image interface

WIP — this needs the actual logic, and we might want to remove a button

* hide presets delete until selection

* image shadow and subtext color

* Remove breadcrumb calculation

* increase contrast for image subtitle

* fix textarea hover style

* Update src/modules/collections/index.ts

* Fix typing of translateresult to format

* Add undefined check to collection name

* Put v-if on dialog instead of button

* Remove breadcrumb logic

* Remove breadcrumb calculation

* Rename shadow to collapsed in header bar

* fix rating star display going over table header

* show collection breadcrumb for bookmarks

WIP — needs the formatted collection title

* shorter error to avoid wrapping

* remove periods

* Fix standard font-size of divider label, use large in interface

* Add extra date format strings

* Structure comments, support date headers

* Add ability to delete comments

* Add edited on status badge

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>

src/components/v-dialog/v-dialog.story.ts

@@ -37,7 +37,7 @@ export const basic = () =>
 						<v-button @click="active = false">Yes</v-button>
 					</v-sheet>
 				</v-dialog>
-				<portal-target name="dialog-outlet" />
+				<portal-target name="outlet" />
 			</div>
 		`,
 	});
@@ -66,7 +66,7 @@ export const activatorSlot = () =>
 						<v-button @click="active = false">Yes</v-button>
 					</v-sheet>
 				</v-dialog>
-				<portal-target name="dialog-outlet" />
+				<portal-target name="outlet" />
 			</div>
 		`,
 	});

src/components/v-dialog/v-dialog.vue

@@ -2,7 +2,7 @@
 	<div class="v-dialog">
 		<slot name="activator" v-bind="{ on: () => $emit('toggle', true) }" />
 
-		<portal to="dialog-outlet">
+		<portal to="outlet">
 			<transition name="dialog">
 				<div v-if="active" class="container" :class="[className]">
 					<v-overlay active absolute @click="emitToggle" />