From 919e4b80a33bda82b67a9680467fe14fe05da182 Mon Sep 17 00:00:00 2001
From: Simon Malesys <simon.malesys@pasteur.fr>
Date: Tue, 15 Oct 2024 15:39:59 +0200
Subject: [PATCH] Increase dialog size
---
src/client/components/AdvancedSearch.vue | 1 -
src/client/components/AppDialog.vue | 9 +++++----
2 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/src/client/components/AdvancedSearch.vue b/src/client/components/AdvancedSearch.vue
index 2f610ff3..e57847ff 100644
--- a/src/client/components/AdvancedSearch.vue
+++ b/src/client/components/AdvancedSearch.vue
@@ -261,7 +261,6 @@ function removeFilter (filterChip: FilterChip): void {
gap: var(--spacing);
padding-left: var(--spacing);
padding-bottom: var(--spacing);
- max-width: 800px;
}
.checkbox {
diff --git a/src/client/components/AppDialog.vue b/src/client/components/AppDialog.vue
index 9d93401d..3b71a5c4 100644
--- a/src/client/components/AppDialog.vue
+++ b/src/client/components/AppDialog.vue
@@ -85,19 +85,20 @@ function closeFromOutside (event: MouseEvent): void {
<style scoped>
dialog {
background: var(--black);
- border: 1px solid var(--white);
border-radius: var(--radius);
+ border: 1px solid var(--white);
color: var(--white);
- max-height: 75%;
+ max-height: 80%;
+ width: min(100%, 1000px);
}
dialog::backdrop {
/*
Hardcode the color since ::backdrop neither inherits
from nor is inherited by any other elements.
- Use of CSS variables from :root is thus impossible.
+ The use of CSS variables from :root is thus impossible.
*/
- background: hsla(0, 0%, 0%, 0.5);
+ background-color: hsla(0, 0%, 0%, 0.5);
}
.close-button {
--
GitLab