From e2d572620503a5eb6c3096287eb7fa329d292546 Mon Sep 17 00:00:00 2001
From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr>
Date: Wed, 1 Mar 2023 18:12:36 +0100
Subject: [PATCH] Improve searching, changing mirador comportent
---
src/components/CanvasAnnotations.js | 2 +-
src/containers/CanvasAnnotations.js | 17 ++++++++++++-----
2 files changed, 13 insertions(+), 6 deletions(-)
diff --git a/src/components/CanvasAnnotations.js b/src/components/CanvasAnnotations.js
index f32a6cc72..7b0fba487 100644
--- a/src/components/CanvasAnnotations.js
+++ b/src/components/CanvasAnnotations.js
@@ -92,7 +92,7 @@ export class CanvasAnnotations extends Component {
return (
<>
- <div className={classes.form}>
+ <div className={classes.headerAnnotationPanel}>
<TextField
label={t('searchPlaceholderAnnotation')}
onChange={this.handleAnnotationSearch}
diff --git a/src/containers/CanvasAnnotations.js b/src/containers/CanvasAnnotations.js
index a3a07135c..b607523b4 100644
--- a/src/containers/CanvasAnnotations.js
+++ b/src/containers/CanvasAnnotations.js
@@ -75,19 +75,26 @@ const styles = theme => ({
},
footerAnnotationPanel: {
background: theme.palette.background.paper,
+ borderTop: `.5px solid ${theme.palette.section_divider}`,
bottom: 0,
+ paddingBottom: theme.spacing(1),
+ paddingLeft: theme.spacing(2),
+ paddingRight: theme.spacing(1),
+ paddingTop: theme.spacing(2),
position: 'sticky',
},
- form: {
+ grow: {
+ flexGrow: 1,
+ },
+ headerAnnotationPanel: {
background: theme.palette.background.paper,
- padding: theme.spacing(0, 1, 0, 1),
+ borderBottom: `.5px solid ${theme.palette.section_divider}`,
+ marginBottom: theme.spacing(1),
+ padding: theme.spacing(0, 1, 1, 1),
position: 'sticky',
top: 0,
zIndex: 10,
},
- grow: {
- flexGrow: 1,
- },
hovered: {},
manifestLabel: {
fontSize: '10px',
--
GitLab