fix: make sure large thumbnails are rendered above search bar

czosel · czosel · commit 41ad6b5630c5 · 2024-04-18T16:57:53.000+02:00
diff --git a/addon/components/document-list-item.hbs b/addon/components/document-list-item.hbs
@@ -21,7 +21,7 @@
     <span>{{@document.title}}</span>
     <div
       class="document-thumbnail"
-      uk-dropdown="pos: right-bottom; offset: 15; delay-show: 400; delay-hide: 100;"
+      uk-dropdown="pos: right-center; offset: 15; delay-show: 400; delay-hide: 100; container: .alexandria-container;"
     >
       <img
         data-src="{{@document.thumbnail.value}}"
diff --git a/addon/templates/application.hbs b/addon/templates/application.hbs
@@ -1,4 +1,4 @@
-<div class="uk-flex uk-flex-1 uk-height-1-1 uk-border uk-background-default">
+<div class="alexandria-container uk-flex uk-flex-1 uk-height-1-1 uk-border uk-background-default">
   <CategoryNav @selected={{this.category}} />
   <section
     class="uk-width-1 uk-flex uk-flex-column uk-overflow-hidden uk-height-max-1"

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`<span>{{@document.title}}</span>`
`22`	`22`	`<div`
`23`	`23`	`class="document-thumbnail"`
`24`		`- uk-dropdown="pos: right-bottom; offset: 15; delay-show: 400; delay-hide: 100;"`
	`24`	`+ uk-dropdown="pos: right-center; offset: 15; delay-show: 400; delay-hide: 100; container: .alexandria-container;"`
`25`	`25`	`>`
`26`	`26`	`<img`
`27`	`27`	`data-src="{{@document.thumbnail.value}}"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<div class="uk-flex uk-flex-1 uk-height-1-1 uk-border uk-background-default">`
	`1`	`+<div class="alexandria-container uk-flex uk-flex-1 uk-height-1-1 uk-border uk-background-default">`
`2`	`2`	`<CategoryNav @selected={{this.category}} />`
`3`	`3`	`<section`
`4`	`4`	`class="uk-width-1 uk-flex uk-flex-column uk-overflow-hidden uk-height-max-1"`