From d890332c6ea682cb6bb99fe00ce47faa1a0e6890 Mon Sep 17 00:00:00 2001
From: Anthony Geourjon <anthony.geourjon@tetras-libre.fr>
Date: Wed, 1 Mar 2023 14:59:16 +0100
Subject: [PATCH] Remove useless css and improve search bar
---
src/components/CanvasAnnotations.js | 1 +
src/containers/CanvasAnnotations.js | 46 +----------------------------
2 files changed, 2 insertions(+), 45 deletions(-)
diff --git a/src/components/CanvasAnnotations.js b/src/components/CanvasAnnotations.js
index 6a0fd8453..365a20767 100644
--- a/src/components/CanvasAnnotations.js
+++ b/src/components/CanvasAnnotations.js
@@ -94,6 +94,7 @@ export class CanvasAnnotations extends Component {
<TextField
label={t('searchPlaceholderAnnotation')}
onChange={this.handleAnnotationSearch}
+ className={classes.searchAnnotationsTextfield}
InputProps={{
endAdornment: (
<div className={classes.endAdornment}>
diff --git a/src/containers/CanvasAnnotations.js b/src/containers/CanvasAnnotations.js
index 6f27ab5fe..b334dcfcb 100644
--- a/src/containers/CanvasAnnotations.js
+++ b/src/containers/CanvasAnnotations.js
@@ -99,53 +99,9 @@ const styles = theme => ({
menuButton: {
marginRight: theme.spacing(2),
},
- search: {
- '&:hover': {
- backgroundColor: 'grey',
- },
- backgroundColor: 'lightgray',
- borderRadius: theme.shape.borderRadius,
- marginLeft: 0,
- marginRight: theme.spacing(2),
- position: 'relative',
- [theme.breakpoints.up('sm')]: {
- marginLeft: theme.spacing(3),
- width: 'auto',
- },
+ searchAnnotationsTextfield: {
width: '100%',
},
- searchIcon: {
- alignItems: 'center',
- display: 'flex',
- height: '100%',
- justifyContent: 'center',
- padding: theme.spacing(0, 2),
- pointerEvents: 'none',
- position: 'absolute',
- },
- sectionDesktop: {
- display: 'none',
- [theme.breakpoints.up('md')]: {
- display: 'flex',
- },
- },
- sectionHeading: {
- paddingLeft: theme.spacing(2),
- paddingRight: theme.spacing(1),
- paddingTop: theme.spacing(2),
- },
- sectionMobile: {
- display: 'flex',
- [theme.breakpoints.up('md')]: {
- display: 'none',
- },
- },
- title: {
- display: 'none',
- [theme.breakpoints.up('sm')]: {
- display: 'block',
- },
- },
});
const enhance = compose(
--
GitLab