From 3109eab1312e4bbc543179232dac827ba2cfe6ed Mon Sep 17 00:00:00 2001 From: fpigeonjr Date: Tue, 3 Oct 2023 17:06:28 -0500 Subject: [PATCH 1/7] style: :lipstick: updates styles and placement based on UX review --- .../ChangeIcons/DisabledChangeIcons.js | 14 ++-- .../UI/FilterTags/FilterTagsWrapper.js | 2 +- .../src/components/UI/Header/Breadcrumb.jsx | 2 +- .../UI/Layouts/DefaultLayout/DefaultLayout.js | 4 +- .../StepCreateBudgetLines.jsx | 5 +- .../agreements/approve/ApproveAgreement.jsx | 4 +- .../src/pages/agreements/details/Agreement.js | 74 +++++++++---------- .../pages/budgetLines/list/BLIFilterTags.jsx | 2 +- .../budgetLines/list/BudgetLineItemList.jsx | 3 +- frontend/src/pages/cans/detail/CanDetail.jsx | 52 ++++++------- .../detail/ResearchProjectDetail.jsx | 3 +- 11 files changed, 75 insertions(+), 90 deletions(-) diff --git a/frontend/src/components/BudgetLineItems/ChangeIcons/DisabledChangeIcons.js b/frontend/src/components/BudgetLineItems/ChangeIcons/DisabledChangeIcons.js index 9fcc247364..58fd317e5d 100644 --- a/frontend/src/components/BudgetLineItems/ChangeIcons/DisabledChangeIcons.js +++ b/frontend/src/components/BudgetLineItems/ChangeIcons/DisabledChangeIcons.js @@ -15,29 +15,29 @@ import icons from "../../../uswds/img/sprite.svg"; * @returns {React.JSX.Element} - The rendered component. **/ const DisabledChangeIcons = ({ duplicateIcon = true, handleDuplicateItem = () => {}, sendToReviewIcon = false }) => { - const classes = `text-primary height-2 width-2 margin-right-1 cursor-pointer usa-tooltip ${DISABLED_ICON_CLASSES}`; + const classes = `text-primary height-2 width-2 margin-right-1 cursor-pointer ${DISABLED_ICON_CLASSES}`; const rowId = React.useId(); return (
- <> +
- +
{duplicateIcon && ( { return ( -
+
Filters Applied: diff --git a/frontend/src/components/UI/Header/Breadcrumb.jsx b/frontend/src/components/UI/Header/Breadcrumb.jsx index d8bfeb1222..7c861f4328 100644 --- a/frontend/src/components/UI/Header/Breadcrumb.jsx +++ b/frontend/src/components/UI/Header/Breadcrumb.jsx @@ -17,7 +17,7 @@ const Breadcrumb = ({ currentName }) => { .map((match) => match.handle.crumb(match.data)); return ( -
+