<commit_before>@use '../config' as c;
@use '../protocol' as p;

// This is a container for Protocol notifications. See
// https://protocol.mozilla.org/patterns/molecules/notification-bar.html
// for more documentation on notifications themselves.

.sumo-user-messages,
.user-messages {
  list-style: none;
  margin: 0;
  padding: 0;

  .mzp-c-notification-bar {
    margin-bottom: p.remify(24px);
  }
}

// override to allow for multi-line text
.mzp-c-notification-bar {
  height: auto;
  min-height: 46px;
  line-height: 20px;
  @include p.bidi(((padding, 8px 48px 8px 8px, 8px 8px 8px 48px),));
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;


  .mzp-c-notification-bar-button {
    position: absolute;
    top: 0;
    bottom: 0;
    @include p.bidi(((right, 0, auto),));
    @include p.bidi(((left, auto, 0),));
  }

  p {
    line-height: 20px;
    margin: 0;
  }

  @at-root .sumo-l-two-col--main & {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: p.remify(24px);
    max-width: none;
  }
}
<commit_msg>notifications can be as tall as they need to be<commit_after>@use '../config' as c;
@use '../protocol' as p;

// This is a container for Protocol notifications. See
// https://protocol.mozilla.org/patterns/molecules/notification-bar.html
// for more documentation on notifications themselves.

.sumo-user-messages,
.user-messages {
  list-style: none;
  margin: 0;
  padding: 0;

  .mzp-c-notification-bar {
    margin-bottom: p.remify(24px);
  }
}

// override to allow for multi-line text
.mzp-c-notification-bar {
  min-height: 46px;
  line-height: 20px;
  @include p.bidi(((padding, 8px 48px 8px 8px, 8px 8px 8px 48px),));
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  @media #{p.$mq-sm} {
    height: auto;
  }



  .mzp-c-notification-bar-button {
    position: absolute;
    top: 0;
    bottom: 0;
    @include p.bidi(((right, 0, auto),));
    @include p.bidi(((left, auto, 0),));
  }

  p {
    line-height: 20px;
    margin: 0;
  }

  @at-root .sumo-l-two-col--main & {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: p.remify(24px);
    max-width: none;
  }
}

{'fraction_non_alphanumeric': 0.16020082154267457, 'fraction_numerical': 0.02647193062528526, 'mean_word_length': 2.8456140350877193, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2140869', 'n_tokens_mistral': 884, 'n_tokens_neox': 811, 'n_words': 201}