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

CONSOLE-3031: Remove font-awesome and openshift-logos-icon #14603

Open
wants to merge 7 commits into
base: master
Choose a base branch
from

Conversation

logonoff
Copy link
Member

@logonoff logonoff commented Dec 9, 2024

CONSOLE Features and Fixes:

https://issues.redhat.com/browse/CONSOLE-3031

Solution description

  • Removed font-awesome
  • Removed openshift-logos-icon due to non-usage
  • fa-spin was changed to a custom co-spin,
  • the font-awesome usage in pesudoelement co-external-link and co-goto-arrow were replaced with mask-images (so that the icons can retain the text color while keeping usage the same),
  • co-modal-btn-link was removed due to non-usage across actively maintained dynamic plugins on GitHub
  • Font awesome icons used in React were replaced with the PatternFly equivalent
    • if the html element was stored as a string then inserted into the DOM later, a function getSvgFromPfIconConfig was written to generate an SVG element from the PatternFly icon exports

Test cases:

  • All icons changed should look about the same

Screen shots / gifs / design review:

Corporate needs you to find the differences between this picture and this picture:

Before:
image
image
image
image

After:
image
image
image
image
image

@openshift-ci-robot
Copy link
Contributor

openshift-ci-robot commented Dec 9, 2024

@logonoff: This pull request references CONSOLE-3031 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target the "4.19.0" version, but no target version was set.

In response to this:

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

@openshift-ci-robot openshift-ci-robot added the jira/valid-reference Indicates that this PR references a valid Jira ticket of any type. label Dec 9, 2024
@openshift-ci openshift-ci bot added component/core Related to console core functionality component/dev-console Related to dev-console component/pipelines Related to pipelines-plugin component/sdk Related to console-plugin-sdk component/shared Related to console-shared labels Dec 9, 2024
@logonoff logonoff force-pushed the CONSOLE-3031-yoink-fa branch from 80ef183 to a7180c5 Compare December 9, 2024 15:20
Copy link
Member

@rhamilto rhamilto left a comment

Choose a reason for hiding this comment

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

A few comments around imports and icons that are available in PatternFly

@logonoff logonoff force-pushed the CONSOLE-3031-yoink-fa branch from a38fc80 to ea842eb Compare December 9, 2024 16:22
@openshift-ci-robot
Copy link
Contributor

openshift-ci-robot commented Dec 9, 2024

@logonoff: This pull request references CONSOLE-3031 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target the "4.19.0" version, but no target version was set.

In response to this:

Before:
image
image
image
image

After:
image
image
image
image
image

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

@logonoff
Copy link
Member Author

logonoff commented Dec 9, 2024

/retest

@openshift-ci-robot
Copy link
Contributor

openshift-ci-robot commented Dec 9, 2024

@logonoff: This pull request references CONSOLE-3031 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target the "4.19.0" version, but no target version was set.

In response to this:

CONSOLE Features and Fixes:

https://issues.redhat.com/browse/CONSOLE-3031

Solution description

  • Removed font-awesome
  • Removed openshift-logos-icon due to non-usage
  • fa-spin was changed to a custom co-spin,
  • the font-awesome usage in pesudoelement co-external-link and co-goto-arrow were replaced with mask-images (so that the icons can retain the text color while keeping usage the same),
  • co-modal-btn-link was removed due to non-usage across actively maintained dynamic plugins on GitHub
  • Font awesome icons used in React were replaced with the PatternFly equivalent
  • if the html element was stored as a string then inserted into the DOM later, a function getSvgFromPfIconConfig was written to generate an SVG element from the PatternFly icon exports

Test cases:

Everything should look the same

Screen shots / gifs / design review:

Corporate needs you to find the differences between this picture and this picture:

Before:
image
image
image
image

After:
image
image
image
image
image

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

@logonoff logonoff force-pushed the CONSOLE-3031-yoink-fa branch from ea842eb to 316efd8 Compare December 9, 2024 18:53
@logonoff
Copy link
Member Author

logonoff commented Dec 9, 2024

adding labels because this is debt:

/label px-approved
/label docs-approved

QE review:

/cc @yapei

@openshift-ci openshift-ci bot requested a review from yapei December 9, 2024 18:54
@openshift-ci openshift-ci bot added px-approved Signifies that Product Support has signed off on this PR docs-approved Signifies that Docs has signed off on this PR labels Dec 9, 2024
@openshift-ci-robot
Copy link
Contributor

openshift-ci-robot commented Dec 9, 2024

@logonoff: This pull request references CONSOLE-3031 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target the "4.19.0" version, but no target version was set.

In response to this:

CONSOLE Features and Fixes:

https://issues.redhat.com/browse/CONSOLE-3031

Solution description

  • Removed font-awesome
  • Removed openshift-logos-icon due to non-usage
  • fa-spin was changed to a custom co-spin,
  • the font-awesome usage in pesudoelement co-external-link and co-goto-arrow were replaced with mask-images (so that the icons can retain the text color while keeping usage the same),
  • co-modal-btn-link was removed due to non-usage across actively maintained dynamic plugins on GitHub
  • Font awesome icons used in React were replaced with the PatternFly equivalent
  • if the html element was stored as a string then inserted into the DOM later, a function getSvgFromPfIconConfig was written to generate an SVG element from the PatternFly icon exports

Test cases:

Everything should look the same

Screen shots / gifs / design review:

Corporate needs you to find the differences between this picture and this picture:

Before:
image
image
image
image

After:
image
image
image
image
image

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

@openshift-ci-robot
Copy link
Contributor

openshift-ci-robot commented Dec 9, 2024

@logonoff: This pull request references CONSOLE-3031 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target the "4.19.0" version, but no target version was set.

In response to this:

CONSOLE Features and Fixes:

https://issues.redhat.com/browse/CONSOLE-3031

Solution description

  • Removed font-awesome
  • Removed openshift-logos-icon due to non-usage
  • fa-spin was changed to a custom co-spin,
  • the font-awesome usage in pesudoelement co-external-link and co-goto-arrow were replaced with mask-images (so that the icons can retain the text color while keeping usage the same),
  • co-modal-btn-link was removed due to non-usage across actively maintained dynamic plugins on GitHub
  • Font awesome icons used in React were replaced with the PatternFly equivalent
  • if the html element was stored as a string then inserted into the DOM later, a function getSvgFromPfIconConfig was written to generate an SVG element from the PatternFly icon exports

Test cases:

  • All icons changed should look about the same

Screen shots / gifs / design review:

Corporate needs you to find the differences between this picture and this picture:

Before:
image
image
image
image

After:
image
image
image
image
image

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

@logonoff logonoff force-pushed the CONSOLE-3031-yoink-fa branch 2 times, most recently from 3f39c59 to 7947d02 Compare December 9, 2024 19:13
@rhamilto
Copy link
Member

rhamilto commented Dec 9, 2024

/approve
/lgtm
/label acknowledge-critical-fixes-only

@rhamilto
Copy link
Member

rhamilto commented Dec 9, 2024

/label tide/merge-method-squash

@openshift-ci openshift-ci bot added acknowledge-critical-fixes-only Indicates if the issuer of the label is OK with the policy. tide/merge-method-squash Denotes a PR that should be squashed by tide when it merges. labels Dec 9, 2024
@openshift-ci openshift-ci bot added the lgtm Indicates that a PR is ready to be merged. label Dec 9, 2024
@openshift-ci openshift-ci bot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Dec 9, 2024
@logonoff logonoff force-pushed the CONSOLE-3031-yoink-fa branch from 7947d02 to ba9c212 Compare December 9, 2024 22:51
@openshift-ci openshift-ci bot removed the lgtm Indicates that a PR is ready to be merged. label Dec 9, 2024
@logonoff logonoff force-pushed the CONSOLE-3031-yoink-fa branch from ba9c212 to 1c8bac1 Compare December 9, 2024 22:59
@rhamilto
Copy link
Member

rhamilto commented Dec 9, 2024

/lgtm

@openshift-ci openshift-ci bot added the lgtm Indicates that a PR is ready to be merged. label Dec 9, 2024
Copy link
Contributor

openshift-ci bot commented Dec 9, 2024

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: logonoff, rhamilto

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@rhamilto
Copy link
Member

/test okd-scos-e2e-aws-ovn

1 similar comment
@rhamilto
Copy link
Member

/test okd-scos-e2e-aws-ovn

Copy link
Contributor

openshift-ci bot commented Dec 10, 2024

@logonoff: The following test failed, say /retest to rerun all failed tests or /retest-required to rerun all mandatory failed tests:

Test name Commit Details Required Rerun command
ci/prow/okd-scos-e2e-aws-ovn 1c8bac1 link false /test okd-scos-e2e-aws-ovn

Full PR test history. Your PR dashboard.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.

@yanpzhan
Copy link
Contributor

Checked on cluster launched against the pr, check some pages on console including the screenshots in the pr description, there is not regression issue found.
/label qe-approved

@openshift-ci openshift-ci bot added the qe-approved Signifies that QE has signed off on this PR label Dec 11, 2024
@openshift-ci-robot
Copy link
Contributor

openshift-ci-robot commented Dec 11, 2024

@logonoff: This pull request references CONSOLE-3031 which is a valid jira issue.

Warning: The referenced jira issue has an invalid target version for the target branch this PR targets: expected the story to target the "4.19.0" version, but no target version was set.

In response to this:

CONSOLE Features and Fixes:

https://issues.redhat.com/browse/CONSOLE-3031

Solution description

  • Removed font-awesome
  • Removed openshift-logos-icon due to non-usage
  • fa-spin was changed to a custom co-spin,
  • the font-awesome usage in pesudoelement co-external-link and co-goto-arrow were replaced with mask-images (so that the icons can retain the text color while keeping usage the same),
  • co-modal-btn-link was removed due to non-usage across actively maintained dynamic plugins on GitHub
  • Font awesome icons used in React were replaced with the PatternFly equivalent
  • if the html element was stored as a string then inserted into the DOM later, a function getSvgFromPfIconConfig was written to generate an SVG element from the PatternFly icon exports

Test cases:

  • All icons changed should look about the same

Screen shots / gifs / design review:

Corporate needs you to find the differences between this picture and this picture:

Before:
image
image
image
image

After:
image
image
image
image
image

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
acknowledge-critical-fixes-only Indicates if the issuer of the label is OK with the policy. approved Indicates a PR has been approved by an approver from all required OWNERS files. component/core Related to console core functionality component/dev-console Related to dev-console component/pipelines Related to pipelines-plugin component/sdk Related to console-plugin-sdk component/shared Related to console-shared docs-approved Signifies that Docs has signed off on this PR jira/valid-reference Indicates that this PR references a valid Jira ticket of any type. lgtm Indicates that a PR is ready to be merged. px-approved Signifies that Product Support has signed off on this PR qe-approved Signifies that QE has signed off on this PR tide/merge-method-squash Denotes a PR that should be squashed by tide when it merges.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants