@import './styles/variables.css';

.MetricName {
  float: left;
  width: 100%;
}

.MetricName textarea{
  @mixin hover-input;
  padding: 2px;
  color: $grey-2;
  color: rgba(69, 98, 134, 0.83);
  font-weight: 300;
  width: 100%;
  font-size: 0.99em;
  float: left;
  line-height: 1.2em;
}

.output .MetricName textarea {
   font-weight: 500;
}

.titleView .MetricName textarea{
  color: #3C4F67;
  font-weight: 600;
}

.metricCard.display .titleView .MetricName textarea{
  color: #3C3F44;
}

@import './styles/variables.css';

.MetricName {
  float: left;
  width: 100%;
}

.MetricName textarea{
  @mixin hover-input;
  padding: 2px;
  color: $grey-2;
  color: rgba(69, 98, 134, 0.83);
  font-weight: 300;
  width: 100%;
  font-size: 0.99em;
  float: left;
  line-height: 1.2em;
}

.output .MetricName textarea {
   font-weight: 500;
}

.titleView .MetricName textarea{
  color: #3C4F67;
  font-weight: 600;
}

.MetricCardViewSection.display .MetricName textarea{
  overflow: hidden;
}

.metricCard.display .titleView .MetricName textarea{
  color: #3C3F44;
}

Make sure metric name scroll is hidden for card names
Make sure metric name scroll is hidden for card names
