@jetbrains/ring-ui 5.0.105 → 5.0.106

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -39,7 +39,7 @@ export default class UserCard extends PureComponent {
39
39
  banned: 'banned',
40
40
  online: 'online',
41
41
  offline: 'offline',
42
- copyToClipboard: 'Copy to clipboard',
42
+ copyToClipboard: 'Copy email to clipboard',
43
43
  copiedToClipboard: 'Email was copied to clipboard',
44
44
  copingToClipboardError: 'Failed to copy to clipboard',
45
45
  unverified: 'Unverified'
@@ -75,7 +75,7 @@ export default class UserCard extends PureComponent {
75
75
  </div>
76
76
  <div className={styles.userLogin}>{user.login}</div>
77
77
  {user.email && (<span className={styles.userEmailWrapper}>
78
- <Link pseudo onClick={this.copyEmail} className={styles.userEmail}>
78
+ <Link href={`mailto:${user.email}`} title={`mailto:${user.email}`} target="_blank" className={styles.userEmail}>
79
79
  {user.email}
80
80
  </Link>
81
81
  {user.unverifiedEmail && (<span className={styles.unverifiedLabel}>{wording.unverified}</span>)}
@@ -29,7 +29,12 @@
29
29
  }
30
30
 
31
31
  .userInformationGeneral {
32
+ display: flex;
33
+ flex-direction: column;
34
+ justify-content: center;
35
+
32
36
  height: 56px;
37
+ padding-top: 1px;
33
38
  }
34
39
 
35
40
  .userNameLine {
@@ -72,6 +77,10 @@
72
77
  .userCopyIcon svg {
73
78
  margin-left: 4px;
74
79
 
80
+ color: var(--ring-icon-color);
81
+ }
82
+
83
+ .userCopyIcon:hover svg {
75
84
  color: var(--ring-link-hover-color);
76
85
  }
77
86
 
@@ -81,7 +90,7 @@
81
90
  opacity: 1;
82
91
  }
83
92
 
84
- .userEmailWrapper:hover .userEmail {
93
+ :has(.userCopyIcon:hover) > .userEmail {
85
94
  color: var(--ring-link-hover-color);
86
95
  }
87
96
 
@@ -71,8 +71,9 @@ class UserCard extends PureComponent {
71
71
  }, user.login), user.email && /*#__PURE__*/React.createElement("span", {
72
72
  className: modules_a4196c17.userEmailWrapper
73
73
  }, /*#__PURE__*/React.createElement(Link, {
74
- pseudo: true,
75
- onClick: this.copyEmail,
74
+ href: `mailto:${user.email}`,
75
+ title: `mailto:${user.email}`,
76
+ target: "_blank",
76
77
  className: modules_a4196c17.userEmail
77
78
  }, user.email), user.unverifiedEmail && /*#__PURE__*/React.createElement("span", {
78
79
  className: modules_a4196c17.unverifiedLabel
@@ -116,7 +117,7 @@ _defineProperty(UserCard, "defaultProps", {
116
117
  banned: 'banned',
117
118
  online: 'online',
118
119
  offline: 'offline',
119
- copyToClipboard: 'Copy to clipboard',
120
+ copyToClipboard: 'Copy email to clipboard',
120
121
  copiedToClipboard: 'Email was copied to clipboard',
121
122
  copingToClipboardError: 'Failed to copy to clipboard',
122
123
  unverified: 'Unverified'