<commit_before>@import 'defaults.scss';

:host {
  .m-newsfeed {
    // ******************************************
    // ** ACTIVITY V2 **
    // ******************************************
    &.m-newsfeed--activityV2 {
      .m-newsfeed__inner {
        padding: 0;
      }

      .m-pageLayout__pane--main {
        @include borderRight;
        box-sizing: content-box;
      }

      .m-pageLayout__pane--right {
        @include m-theme() {
          border-left: none !important;
        }
      }
      ::ng-deep m-activity {
        border: none !important;
      }

      ::ng-deep {
        m-composer {
          margin-bottom: 0px !important;
          border: none !important;
          border-radius: 0;
          @include m-theme() {
            border-bottom: 4px solid themed($m-borderColor--primary) !important;
          }
        }
      }
    }
    // ******************************************
    // ******************************************
    // ******************************************
    // ** DEFAULT **
    // ******************************************
    // ******************************************
    // ******************************************
    &:not(.m-newsfeed--activityV2) {
      ::ng-deep m-activity {
        margin-bottom: $spacing5;
      }
    }
  }
}
<commit_msg>Newsfeed being scrunched on mobile #5656<commit_after>@import 'defaults.scss';

:host {
  .m-newsfeed {
    // ******************************************
    // ** ACTIVITY V2 **
    // ******************************************
    &.m-newsfeed--activityV2 {
      .m-newsfeed__inner {
        padding: 0;
      }

      .m-pageLayout__pane--main {
        @include borderRight;
        box-sizing: content-box;
      }

      .m-pageLayout__pane--right {
        @include m-theme() {
          border-left: none !important;
        }
      }
      ::ng-deep m-activity {
        border: none !important;
      }

      ::ng-deep {
        m-composer {
          margin-bottom: 0px !important;
          border: none !important;
          border-radius: 0;
          @include m-theme() {
            border-bottom: 4px solid themed($m-borderColor--primary) !important;
          }
        }
      }
    }
    // ******************************************
    // ******************************************
    // ******************************************
    // ** DEFAULT **
    // ******************************************
    // ******************************************
    // ******************************************
    &:not(.m-newsfeed--activityV2) {
      ::ng-deep m-activity {
        margin-bottom: $spacing5;
      }
    }

    .m-newsfeed--feed {
      width: 100%;
    }
  }
}

{'fraction_non_alphanumeric': 0.35921972764078025, 'fraction_numerical': 0.008465218991534781, 'mean_word_length': 2.0133037694013303, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, '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': '6340197', 'n_tokens_mistral': 784, 'n_tokens_neox': 745, 'n_words': 106}