diff --git a/CHANGELOG.md b/CHANGELOG.md index 0255efab..f0cc5dd7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,14 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ## [Unreleased] -### Added +### Added<<<<<<< fix/41 - Added 'Unauthorized' to the fetch status (#90) +- Query title above the result table (#41) ### Changed - On empty query result, show clear message (#86) ### Fixed - Fixed pagination bug in templated queries (#80) +- Fixed title display inside the selection menu when hovering, does not flow over table anymore (#41) ### Removed diff --git a/src/components/InteractionLayout/SelectionMenu/SelectionMenu.jsx b/src/components/InteractionLayout/SelectionMenu/SelectionMenu.jsx index e1411fae..b31caaf3 100644 --- a/src/components/InteractionLayout/SelectionMenu/SelectionMenu.jsx +++ b/src/components/InteractionLayout/SelectionMenu/SelectionMenu.jsx @@ -37,8 +37,10 @@ const menuItemTheme = createTheme({ verticalAlign: "middle", }, "&:hover": { + display: "inline-flex", overflow: "visible", - minWidth: "fit-content" + whiteSpace: "normal" , + minWidth: "fit-content", } }, }, diff --git a/src/components/ListResultTable/QueryResultList/QueryResultList.jsx b/src/components/ListResultTable/QueryResultList/QueryResultList.jsx index 5412f149..a1c470ff 100644 --- a/src/components/ListResultTable/QueryResultList/QueryResultList.jsx +++ b/src/components/ListResultTable/QueryResultList/QueryResultList.jsx @@ -1,5 +1,5 @@ import { Component, useEffect, useState } from "react"; -import { Datagrid, ListView, Title, useListContext } from "react-admin"; +import { Datagrid, ListView, Title, useListContext, useResourceDefinition } from "react-admin"; import ActionBar from "../../ActionBar/ActionBar"; import GenericField from "../../../representationProvider/GenericField"; import { Term } from "sparqljs"; @@ -7,13 +7,14 @@ import config from "../../../config"; import TableHeader from "./TableHeader/TableHeader"; import Button from '@mui/material/Button'; import SearchOffIcon from '@mui/icons-material/SearchOff'; -import { SvgIcon, Box } from "@mui/material"; +import { SvgIcon, Box, Typography } from "@mui/material"; /** * @param {object} props - the props passed down to the component * @returns {Component} custom ListViewer as defined by react-admin containing the results of the query with each variable its generic field. */ function QueryResultList(props) { + const QueryTitle = useResourceDefinition().options.label; const { data } = useListContext(props); const {changeVariables, submitted} = props; const [values, setValues] = useState(undefined); @@ -28,8 +29,9 @@ function QueryResultList(props) { return ( <>