@ -480,7 +480,6 @@ $session-element-border-green: 4px solid $session-color-green;
display: flex;
font-size: $session-font-md;
&-text {
@include session-color-subtle($session-color-white);
font-family: 'SF Pro Text';
@ -112,14 +112,15 @@ $session-compose-margin: 20px;
&__user__profile {
&-number,
&-name {
@include fontWasaBold();
font-size: 15px;
@at-root .light-theme #{&} {
color: $session-color-white;
}
@at-root .dark-theme #{&} {
color: $session-shade-17;
@ -29,7 +29,12 @@ export class SessionIdEditable extends React.PureComponent<Props> {
const { placeholder, editable, text } = this.props;
return (
<div className={classNames('session-id-editable', !editable && 'session-id-editable-disabled')}>
<div
className={classNames(
'session-id-editable',
!editable && 'session-id-editable-disabled'
)}
>
<textarea
className="session-id-editable-textarea"
ref={this.inputRef}