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-menu/v-menu.story.ts

@@ -45,7 +45,7 @@ export const basic = () =>
 						</v-list-item>
 					</v-list>
 				</v-menu>
-				<portal-target name="popper-outlet" />
+				<portal-target name="outlet" />
 			</div>
         `,
 	});
@@ -72,7 +72,7 @@ export const withVModel = () =>
                         </v-list-item>
 					</v-list>
 				</v-menu>
-				<portal-target name="popper-outlet" />
+				<portal-target name="outlet" />
             </div>
         `,
 	});
@@ -124,7 +124,7 @@ export const positioning = () =>
                         </v-list-item>
                     </v-list>
 				</v-menu>
-				<portal-target name="popper-outlet" />
+				<portal-target name="outlet" />
             </div>
 		`,
 	});
@@ -186,7 +186,7 @@ export const withEdgeOffset = () =>
 						</v-list>
 					</v-menu>
 				</div>
-				<portal-target name="popper-outlet" />
+				<portal-target name="outlet" />
             </div>
         `,
 	});
@@ -225,7 +225,7 @@ export const attached = () =>
 						</v-list-item>
 					</v-list>
 				</v-menu>
-				<portal-target name="popper-outlet" />
+				<portal-target name="outlet" />
 			</div>
         `,
 	});

src/components/v-menu/v-menu.vue

@@ -12,7 +12,7 @@
 			/>
 		</div>
 
-		<portal to="popper-outlet">
+		<portal to="outlet">
 			<transition name="bounce">
 				<div
 					class="v-menu-popper"