Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(fp-737): remove bkgd color from disabled link #659

Conversation

wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Jun 15, 2022

Overview

Fix disabled link erroneous background everywhere, not just allocations.

Related

Changes

  • remove fix from d60ff3e
  • add disabled link to UI patterns
  • fix in c-buton--new.css instead

Testing

  1. Load allocations.
  2. Make a "Remove" link/button disabled.
    • I did this by adding disabled attribute to link/button.
  3. Confirm the link/button does not have its own background.
    • The result will look the same, but Developer Tools CSS will show no allocations-specific CSS for this link/button background.

UI

UI Pattern Alt. Button Fix
UI Pattern Bug Fixed

Similar result as d60ff3e, but without overwriting CSS.
@codecov
Copy link

codecov bot commented Jun 15, 2022

Codecov Report

Merging #659 (8f1ab56) into task/FP-737--manage-allocations (0101e82) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@                       Coverage Diff                        @@
##           task/FP-737--manage-allocations     #659   +/-   ##
================================================================
  Coverage                            67.38%   67.38%           
================================================================
  Files                                  429      429           
  Lines                                13410    13410           
  Branches                              2474     2474           
================================================================
  Hits                                  9036     9036           
  Misses                                4081     4081           
  Partials                               293      293           
Flag Coverage Δ
javascript 69.11% <ø> (ø)
unittests 65.97% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files Coverage Δ
...s/UIPatterns/UIPatternsButton/UIPatternsButton.jsx 0.00% <ø> (ø)

@wesleyboar wesleyboar marked this pull request as ready for review June 15, 2022 22:25
@wesleyboar wesleyboar mentioned this pull request Jun 15, 2022
8 tasks
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jun 15, 2022
Copy link
Member

@rstijerina rstijerina left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@rstijerina rstijerina merged commit bc92b71 into task/FP-737--manage-allocations Jun 15, 2022
@rstijerina rstijerina deleted the task/FP-737--manage-allocations--reusable-d60ff3e-fix branch June 15, 2022 23:22
rstijerina added a commit that referenced this pull request Jun 15, 2022
* Task/FP-737: Manage Allocations (#480)

* Scaffolding

* stopgap

* No UI; backend ready

* Task/FP-1168: add backend unit tests for add/delete members of TAS projects (subtask of FP-737)  (#467)

* Remove unneeded change

* Fix url for user delete

* Remove logging statements and correct ApiException

Second argument of ApiException is status (i.e. status_code)

* Remove status code in ApiException as TAS returns 200

Main reason for not using TAS return code is that for errors (like
missing user), TAS still returns a 200.  Also, it isn't useful as
we handle all ApiException as 400 and don't log that status_code that
that was pass to ApiException

* Add tests

* Fix pep errors

* Remove change to response for testing purposes

* Fix use of ApiException

* Fix tests

* Improve logging message for forced allocation retrieval

* Fix logging for add/delete of users to allocation

* task/FP-737, task/FP-1180: Use Search component from Projects (#477)

* use projects search; add common component

* revert local dev change

* Task/fp 1183 complete saga redux for removing user (#474)

* Complete saga/redux for removing user

Spinner is shown while deleting and error is shown when failed

* Hide remove button for PI user

* Add unit tests

Refactor some fixture into a fixture file

* Add remove user failure saga test

* Refactor removing of user from team from reducer to saga

* Update client/src/redux/sagas/allocations.sagas.js

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

Co-authored-by: rstijerina <r.sal.tijerina@gmail.com>

* task/FP-1190: Unified search for FP-737 (#479)

* unified search

* update placeholder

* remove autocomplete package

* merge main package files

* FP/737: Polish UI and Add User Functionality (FP-1182 & FP-1198) (#514)

* Add user functionality and styling

* Text and variable name changes

Co-authored-by: rstijerina <r.sal.tijerina@gmail.com>

* Task/FP-1181: Basic unit tests for front-end components (#555)

* Fix failing tests

* Basic unit test for Allocations Management Modal

Co-authored-by: Nathan Franklin <nfranklin@tacc.utexas.edu>
Co-authored-by: rstijerina <r.sal.tijerina@gmail.com>

* Task/FP-1309 user new user search endpoint (#572)

* Add TAS searching endpoint

* Add basic unit tests

* Use new endpoint and make temp changes to searchbar

* Fix use of team members before ready

* Improve tests

* Add message to error response

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

* Add docstr

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

* Fix error

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

* Add comment to explain use of Soap and Zeep

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

* fix linting

* Updated UserSearchbar and AllocationsManageTeamModal to jsx components

* Task/FP-1269: Enable Manage Team modal for Project Delegates (#585)

* rename js files to jsx

* Modal switch between view and manage for pi & delegates

* fix linting

* Fixed unit tests

* Fixed linting

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>
Co-authored-by: Garrett Edmonds <edmondsgarrett@gmail.com>

* Fixed unit tests

* Fixed AddUser allocations saga bug

* Added error handling for AllocationsManageTeamModal

* 737: Improve UI of user searching (#624)

* Removed searchbar placeholder text and added help text under searchbar in AllocationsManageTeamModal

* Simplified JS for text field and updated CSS to accommodate JS changes

* Fixed userSearchbar Add button bug

* task/FP-1635: 737 - Implement final Allocations UI (#636)

* Update View Team link button to secondary button

* Remove modal component from this file and export only manage team table component

* Add manage team modal render here, incorporate tab functionality, and update role column to now be a dropdown

* CSS styling for tabs in View modal

* Change 'Manage Allocations' button to read 'Request New Allocation'

* Remove errant reference to ManageTeamModal

* Fix ManageTeamTable import, remove unused prop, and conditionally render 'Manage Team' tab

* Fixed layout unit test, and moved ManageTeamModal test to AllocationsModals tests

* Changed AllocationsManageTeamModal to AllocationsManageTeamTable and adjusted all references to this component

* Fixed linting

* Fixed adding user bug, removed horizontal scroll on manage team table, replaced dropdown in manage team role column with role text, and removed errant log

* feat(fp-737): global mui tabs, simpler mui jsx (#646)

* feat(fp-1635): remove unused css (#650)

* 737: Use `_common` `<Button>` component in `<UserSearchBar>` component (#647)

* Use common button component in UserSearchBar

* fix linting

* Removed manage team table horizontal scrollability + right-side border, and fixed saga state reference.

* Fix linting

* Fixed state loadingUsernames references to correctly update when adding users to allocation

* Fixed key error for manage team table

* Removed help text at bottom of manage team tab and adjusted modal size to accommodate this

* Fixed another loadingUsernames reference in saga for failing unit test

* 737: (FP-1678) Use "secondary" Button for UserSearchBar (#657)

* fix(fp-1678): secondary button for usersearchbar

* fix(fp-1678): button above (z) input usersearchbar

* 737: Use `_common` `<Button>` component in View Team button  (#649)

* feat(fp-737): use our button for view team button

I am not sure if design knows the color change is coming...

Inquiry: https://tacc-team.slack.com/archives/G01K9ET7JM7/p1653604140397549

* fix(fp-1678): new styles vers. = more button pad.

* fix(fp-1678): use small button

* fix(fp-1678): do not let button overlap `<th>`

* fix(fp-1678): prettier:fix + related comment tweak

* fix(fp-1678): install @tacc/core-styles@0.5.2-c

1. I messed up 0.5.2 publish. After unpublish, I can't republish.
2. I messed up 0.5.2(-)b publish. After unpublish, I can't republish.
3. I published up 0.5.2-c.

I also moved v tag beyond the fix, planning I could republish as 0.5.2.

So GitHub is at 0.5.2. And NPM is at 0.5.2-c.

But there is an 0.6.x from tup-ui/…/core-styles, so 0.5.x ends.

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

* fix(fp-737): make ui closer to design (#655)

* fix(fp-737): make ui closer to design

* docs(fp-737): note why set button position static

* fix(fp-1678): manage team list wrap height change

This value makes modals height match but only at specific window height.

Setting height of modals is better but led me to change too much code.

Instead, a TACC Modal component could handle height from prop.

* fix(fp-1678): validation error

* fix(fp-1678): add space below manage team table

* fix(fp-1678): revert change to font size

Design, a while back, approved 14px font size for tables.

Reference: #401

* fix(fp-1650): `<td>` vert padding to match design

* fix(fp-1650): port classname validation error fix

Source: 38af56b

* fix(fp-1650):  npm run prettier:fix

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>

* Updated loading state of manage team add button to switch to loading once addUser action is fired

Co-authored-by: Sal Tijerina <r.sal.tijerina@gmail.com>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>

* Increased allocations table alignment style selector specificity and fixed background styling for disabled 'remove' button in manage team modal

* Frontend error handling for add/remove operations

* Render nulls instead of empty strings in absence of user operation errors

* fix(fp-737): remove bkgd color from disabled link (#659)

* fix(fp-737): remove bkgd color from disabled link

Similar result as d60ff3e, but without overwriting CSS.

* feat(fp-737): prettier:fix

Co-authored-by: Owais Jamil <47395902+owaisj@users.noreply.github.com>
Co-authored-by: Nathan Franklin <nfranklin@tacc.utexas.edu>
Co-authored-by: Nathan Franklin <nathan.franklin@gmail.com>
Co-authored-by: Owais Jamil <ojamil@tacc.utexas.edu>
Co-authored-by: edmondsgarrett <43251554+edmondsgarrett@users.noreply.github.com>
Co-authored-by: Garrett Edmonds <edmondsgarrett@gmail.com>
Co-authored-by: Wesley B <62723358+wesleyboar@users.noreply.github.com>
jchuahtacc pushed a commit to TACC/tup-ui that referenced this pull request Jun 22, 2022
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jun 23, 2022
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jun 27, 2022
* chore(core-styles): version up to 0.6.0-beta

* docs(core-styles): readme, related repos & usage

- remove callout that only cms uses this
- add portal to related repo

* fix(core-styles): small button a bit more vert pad

Mimics: TACC/Core-Styles#30

* fix(tup-ui): load CSS from correct path (#6)

* fix(tup-ui): load CSS from correct path

* chore(tup-ui): format:write

* fix(tup-ui): more CSS path fixes

* Fix pipeline by building dist/core-components

* Fix pipeline by building dist/core-styles

Co-authored-by: Joon-Yee Chuah <jchuah@tacc.utexas.edu>

* docs(core-styles): fix misleading typo in README

* fix(core-styles): disabled link: no bkgd color (#11)

Mimics: TACC/Core-Portal#659

* chore(core-styles): add missing const

* chore(core-styles): update local build steps

These steps were based on Core-Styles in its own repo, where it had tags from which `git describe` could produce a build ID.

No tags in new repo, so simpler default build step, and do not mention `git describe`.

* docs(core-styles): clean up publish steps

* docs(core-styles): npx nx format:write

* fix(core-styles): remove unnecssary step

The npm publish process runs build step.

Co-authored-by: Joon-Yee Chuah <jchuah@tacc.utexas.edu>
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jul 6, 2022
* chore(core-styles): version up to 0.6.0-beta

* docs(core-styles): readme, related repos & usage

- remove callout that only cms uses this
- add portal to related repo

* fix(core-styles): small button a bit more vert pad

Mimics: TACC/Core-Styles#30

* fix(tup-ui): load CSS from correct path (#6)

* fix(tup-ui): load CSS from correct path

* chore(tup-ui): format:write

* fix(tup-ui): more CSS path fixes

* Fix pipeline by building dist/core-components

* Fix pipeline by building dist/core-styles

Co-authored-by: Joon-Yee Chuah <jchuah@tacc.utexas.edu>

* docs(core-styles): fix misleading typo in README

* fix(core-styles): disabled link: no bkgd color (#11)

Mimics: TACC/Core-Portal#659

* chore(core-styles): add missing const

* chore(core-styles): update local build steps

These steps were based on Core-Styles in its own repo, where it had tags from which `git describe` could produce a build ID.

No tags in new repo, so simpler default build step, and do not mention `git describe`.

* docs(core-styles): clean up publish steps

* docs(core-styles): npx nx format:write

* fix(core-styles): s-system-specs unset figure css

* fix(core-styles): no figure css, only .figure css

1. Remove elements/figure.css because raw figures expect no styling.
2. Move extended elements/figure styles into our Bootstrap .figure CSS.

I should have never added the figure styles for all raw elements.

* Revert "fix(core-styles): s-system-specs unset figure css"

This reverts commit c3109ad.

* fix(core-styles): remove unwanted sample html css

The c-callout pattern sample html has margin-inline that is unset via snippet on dev.cms, a snippet which says its "undo" of that style be comitted. This is the requested commit.

* chore(core-styles): v0.6.0-beta.1

* fix(core-styles): remove unnecssary step

The npm publish process runs build step.

* fix(core-styles): fp-1666, section banner overflow (#19)

* fix(core-styles): remove unnecssary step

The npm publish process runs build step.

* fix(core-styles): fp-1666, section banner overflow

- Do NOT hide section overflow by overlapping adjacent sections.
- DO hide section overflow using clear CSS with minimal side effects.

Fixes: https://jira.tacc.utexas.edu/browse/FP-1666

* chore(core-styles): v0.6.0-beta.2

* fix(core-styles): changelog urls for v0.6.0 tags

* Core styles/v0.6.0  fp 1665 excess space above footer (#20)

* chore: <main>, margin not pad. & accurate selector

1. The <main> tag should use margin, not padding.
    - margin lets us use margin collapsing
    - padding is tricky to collapse
2. The <main> tag deserves a more specific selector, because:
    - multiple ARE allowed
    - it is allowed to exist NOT JUST as direct child of <body>

For: https://jira.tacc.utexas.edu/browse/FP-1665

* feat: drop .o-site for simple sticky footer trick

1. Make footer sticky in a simpler way.
2. Delete o-site styles and sample markup.

For: https://jira.tacc.utexas.edu/browse/FP-1665

* fix: hide extra space, last light section ↔ footer

- Use var for section vert. padding, so we can subtract by it later.
- Subtract end-of-page light section pad. to reduce extra visual space.

For: https://jira.tacc.utexas.edu/browse/FP-1665

* chore(core-styles): v0.6.0-beta.3

* fix: wrong selector for <main> from c3a7c6e

For: https://jira.tacc.utexas.edu/browse/FP-1665

* fix: missing section style in 57ca7ac

Hide margin for light sections AND dark sections, not just light ones.

Because, .o-section.html states:
> […] a dark Section will visually merge with the Footer.

When dark section margin NOT removed, it did NOT merge with footer.

For: https://jira.tacc.utexas.edu/browse/FP-1665

* chore(core-styles): restore o-site with idea code

DesignSafe copied and changed o-site. Their o-site is simpler.

I add it but comment it out so that beta.3 is still just a bug fix.

Example Usage: https://www.designsafe-ci.org/rw/use-cases/

* chore(core-styles): v0.6.0

Co-authored-by: Joon-Yee Chuah <jchuah@tacc.utexas.edu>
wesleyboar added a commit to TACC/tup-ui that referenced this pull request Jul 10, 2022
* chore(core-styles): version up to 0.6.0-beta

* docs(core-styles): readme, related repos & usage

- remove callout that only cms uses this
- add portal to related repo

* fix(core-styles): small button a bit more vert pad

Mimics: TACC/Core-Styles#30

* fix(tup-ui): load CSS from correct path (#6)

* fix(tup-ui): load CSS from correct path

* chore(tup-ui): format:write

* fix(tup-ui): more CSS path fixes

* Fix pipeline by building dist/core-components

* Fix pipeline by building dist/core-styles

Co-authored-by: Joon-Yee Chuah <jchuah@tacc.utexas.edu>

* docs(core-styles): fix misleading typo in README

* fix(core-styles): disabled link: no bkgd color (#11)

Mimics: TACC/Core-Portal#659

* chore(core-styles): add missing const

* chore(core-styles): update local build steps

These steps were based on Core-Styles in its own repo, where it had tags from which `git describe` could produce a build ID.

No tags in new repo, so simpler default build step, and do not mention `git describe`.

* docs(core-styles): clean up publish steps

* docs(core-styles): npx nx format:write

* fix(core-styles): s-system-specs unset figure css

* fix(core-styles): no figure css, only .figure css

1. Remove elements/figure.css because raw figures expect no styling.
2. Move extended elements/figure styles into our Bootstrap .figure CSS.

I should have never added the figure styles for all raw elements.

* Revert "fix(core-styles): s-system-specs unset figure css"

This reverts commit c3109ad.

* fix(core-styles): remove unwanted sample html css

The c-callout pattern sample html has margin-inline that is unset via snippet on dev.cms, a snippet which says its "undo" of that style be comitted. This is the requested commit.

* chore(core-styles): v0.6.0-beta.1

* fix(core-styles): remove unnecssary step

The npm publish process runs build step.

* fix(core-styles): fp-1666, section banner overflow (#19)

* fix(core-styles): remove unnecssary step

The npm publish process runs build step.

* fix(core-styles): fp-1666, section banner overflow

- Do NOT hide section overflow by overlapping adjacent sections.
- DO hide section overflow using clear CSS with minimal side effects.

Fixes: https://jira.tacc.utexas.edu/browse/FP-1666

* chore(core-styles): v0.6.0-beta.2

* fix(core-styles): changelog urls for v0.6.0 tags

* Core styles/v0.6.0  fp 1665 excess space above footer (#20)

* chore: <main>, margin not pad. & accurate selector

1. The <main> tag should use margin, not padding.
    - margin lets us use margin collapsing
    - padding is tricky to collapse
2. The <main> tag deserves a more specific selector, because:
    - multiple ARE allowed
    - it is allowed to exist NOT JUST as direct child of <body>

For: https://jira.tacc.utexas.edu/browse/FP-1665

* feat: drop .o-site for simple sticky footer trick

1. Make footer sticky in a simpler way.
2. Delete o-site styles and sample markup.

For: https://jira.tacc.utexas.edu/browse/FP-1665

* fix: hide extra space, last light section ↔ footer

- Use var for section vert. padding, so we can subtract by it later.
- Subtract end-of-page light section pad. to reduce extra visual space.

For: https://jira.tacc.utexas.edu/browse/FP-1665

* chore(core-styles): v0.6.0-beta.3

* fix: wrong selector for <main> from c3a7c6e

For: https://jira.tacc.utexas.edu/browse/FP-1665

* fix: missing section style in 57ca7ac

Hide margin for light sections AND dark sections, not just light ones.

Because, .o-section.html states:
> […] a dark Section will visually merge with the Footer.

When dark section margin NOT removed, it did NOT merge with footer.

For: https://jira.tacc.utexas.edu/browse/FP-1665

* chore(core-styles): restore o-site with idea code

DesignSafe copied and changed o-site. Their o-site is simpler.

I add it but comment it out so that beta.3 is still just a bug fix.

Example Usage: https://www.designsafe-ci.org/rw/use-cases/

* chore(core-styles): v0.6.0

Co-authored-by: Joon-Yee Chuah <jchuah@tacc.utexas.edu>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants