<commit_before><i class="mail outline icon {{unless unreadNotifications.length 'ui less right margin'}}"></i>
{{#if unreadNotifications.length}}
  <div class="floating ui teal circular mini label {{if device.isMobile 'tiny text'}}">{{unreadNotifications.length}}</div>
{{/if}}
<div class="ui wide notification popup bottom left transition">
  {{#if unreadNotifications}}
    <div class="ui basic inverted horizontal segments">
      <div class="ui basic left aligned segment weight-600">
        {{#link-to 'notifications'}}
          {{t 'Notifications'}}
        {{/link-to}}
      </div>
      <div class="ui basic right aligned segment weight-400">
        <a href="#" {{action 'markAllRead'}}>{{t 'Mark all as Read'}}</a>
      </div>
    </div>
    <div class="ui fluid link celled selection list">
      {{#each unreadNotifications as |notification|}}
        <div class="item {{unless notification.isRead 'active'}}">
          <div class="header">
            {{#link-to 'notifications' invokeAction=(action 'markRead' notification)}}
              {{notification.title}}
            {{/link-to}}
          </div>
          <div class="content weight-400">
            {{sanitize notification.message}}
          </div>
          <div class="left floated content">
            {{moment-from-now notification.receivedAt}}
          </div>
        </div>
      {{/each}}
    </div>
  {{else}}
    <div class="ui segment empty-message">
      <a href="{{href-to 'notifications'}}">{{t 'Go to notifications panel'}}</a>
    </div>
    <div class="ui fluid link celled selection list">
      <div class="item active">
        {{t 'No new notifications'}}
      </div>
    </div>
  {{/if}}
</div><commit_msg>Improves the design of notification dropdown (#915)<commit_after><i class="mail outline icon {{unless unreadNotifications.length 'ui less right margin'}}"></i>
{{#if unreadNotifications.length}}
  <div class="floating ui teal circular mini label {{if device.isMobile 'tiny text'}}">{{unreadNotifications.length}}</div>
{{/if}}
<div class="ui wide notification popup bottom left transition">
  {{#if unreadNotifications}}
    <div class="ui basic inverted horizontal segments">
      <div class="ui basic left aligned segment weight-600">
        {{#link-to 'notifications'}}
          {{t 'Notifications'}}
        {{/link-to}}
      </div>
      <div class="ui basic right aligned segment weight-400">
        <a href="#" {{action 'markAllRead'}}>{{t 'Mark all as Read'}}</a>
      </div>
    </div>
    <div class="ui fluid link celled selection list">
      {{#each unreadNotifications as |notification|}}
        <div class="item {{unless notification.isRead 'active'}}">
          <div class="header">
            {{#link-to 'notifications' invokeAction=(action 'markRead' notification)}}
              {{notification.title}}
            {{/link-to}}
          </div>
          <div class="content weight-400">
            {{sanitize notification.message}}
          </div>
          <div class="left floated content">
            {{moment-from-now notification.receivedAt}}
          </div>
        </div>
      {{/each}}
    </div>
  {{else}}
    <div class="ui segment empty-message">
      <a href="{{href-to 'notifications'}}">{{t 'Go to notifications panel'}}</a>
    </div>
    <div class="ui fluid list {{if unreadNotifications 'link celled selection' ''}}">
      <div class="item active">
        {{t 'No new notifications'}}
      </div>
    </div>
  {{/if}}
</div>
{'fraction_non_alphanumeric': 0.16695303550973653, 'fraction_numerical': 0.006013745704467354, 'mean_word_length': 2.7885032537960956, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 67, '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': '6534619', 'n_tokens_mistral': 1030, 'n_tokens_neox': 988, 'n_words': 293}