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

refactor(protocol-designer): change selected path icon border #9663

Merged
merged 4 commits into from
Mar 11, 2022

Conversation

jerader
Copy link
Collaborator

@jerader jerader commented Mar 9, 2022

closes #9658

Overview

This is a quick change to update the path border in PD under transfer step to match the new designs

Screen Shot 2022-03-09 at 9 44 42 AM

Changelog

  • updates path_option in CSS style sheet
  • updates path_option.selected in style sheet

Review requests

  • does it match figma?

Risk assessment

low

@jerader jerader requested review from shlokamin and sakibh March 9, 2022 14:47
@codecov
Copy link

codecov bot commented Mar 9, 2022

Codecov Report

Merging #9663 (a191633) into edge (c8161cd) will not change coverage.
The diff coverage is n/a.

Impacted file tree graph

@@           Coverage Diff           @@
##             edge    #9663   +/-   ##
=======================================
  Coverage   75.34%   75.34%           
=======================================
  Files        1927     1927           
  Lines       50718    50718           
  Branches     4844     4844           
=======================================
  Hits        38214    38214           
  Misses      11590    11590           
  Partials      914      914           
Flag Coverage Δ
protocol-designer 44.16% <ø> (ø)

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

Copy link
Contributor

@sakibh sakibh left a comment

Choose a reason for hiding this comment

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

LGTM! Just left a couple comments.

}

.path_option.selected {
background-color: var(--c-light-gray);
border-radius: 2px;
border: 1.5px solid #000;
Copy link
Contributor

Choose a reason for hiding this comment

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

For this you can do var(--c-black). The colors.css is helpful for this.

cursor: pointer;
border-radius: 2px;
border: 1px solid #c4c4c4;
Copy link
Contributor

@sakibh sakibh Mar 11, 2022

Choose a reason for hiding this comment

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

Is #c4c4c4 commonly used now in the new Figma designs for PD? If so might be worth adding to colors.css.

@jerader jerader merged commit 23187a0 into edge Mar 11, 2022
@jerader jerader deleted the pd_path-border branch March 11, 2022 18:06
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.

Small PD Touch Ups: Darker outline on selected path icon
2 participants