<commit_before><style>
  /* Overwrite the Bootstrap defaults. */
  .nav > li > a.oppia-editor-navbar-tab-anchor {
    padding: 15px 11px;
  }
  editor-navigation .oppia-exploration-open-threads-count {
    bottom: 8px;
    color: white;
    font-size: 9px;
    position: relative;
  }
  editor-navigation .oppia-exploration-open-threads-color {
    background-color: #4078C0;
    border: 1px solid rgb(243, 243, 243);
  }
  editor-navigation .oppia-exploration-open-threads-indicator {
    border-radius: 10%;
    bottom: 5px;
    height: 15px;
    position: absolute;
    right: 3px;
    text-align: center;
  }
</style>
<ul class="nav navbar-nav oppia-navbar-nav pull-right ng-cloak" style="margin-left: 20px;">
  <li ng-class="{'active': getActiveTabName() === 'main', 'uib-dropdown': countWarnings()}" ng-attr-uib-dropdown="<[countWarnings()]>">
    <a href="#" uib-tooltip="Editor" tooltip-placement="<[countWarnings() ? 'left' : 'bottom']>" ng-click="selectMainTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-main-tab">
      <i class="material-icons">&#xE254;</i>
    </a>
    <div ng-show="countWarnings()" class="oppia-editor-warnings-indicator" ng-click="selectMainTab()" ng-class="{'oppia-editor-warnings-critical-color': hasCriticalWarnings(), 'oppia-editor-warnings-error-color': !hasCriticalWarnings()}">
      <span class="oppia-editor-warnings-count">
        <[countWarnings()]>
      </span>
    </div>
    <ul uib-dropdown-menu class="uib-dropdown-menu oppia-editor-warnings-box">
      <span class="oppia-editor-warnings-header">Warnings</span>
      <li class="oppia-editor-warnings-text" ng-repeat="warning in getWarnings() track by $index">
        <hr class="oppia-editor-warnings-separator">
        <span ng-if="warning.type === 'critical'">
          <strong><[warning.message]></strong>
        </span>
        <span ng-if="warning.type !== 'critical'">
          <[warning.message]>
        </span>
      </li>
    </ul>
  </li>

  <li ng-if="userIsLoggedIn" id="tutorialTranslationTab" ng-class="{'active': getActiveTabName() === 'translation'}">
    <a href="#" uib-tooltip="Translations and Voiceovers" tooltip-placement="bottom" ng-click="selectTranslationTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-translation-tab">
      <i class="material-icons">&#xE029;</i>
    </a>
  </li>

  <li ng-if="userIsLoggedIn" id="tutorialPreviewTab" ng-class="{'active': getActiveTabName() === 'preview'}">
    <a href="#" uib-tooltip="Preview" tooltip-placement="bottom" ng-click="selectPreviewTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-preview-tab">
      <i class="material-icons">&#xE037;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen" ng-class="{'active': getActiveTabName() === 'settings'}">
    <a href="#" uib-tooltip="Settings" tooltip-placement="bottom" ng-click="selectSettingsTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-settings-tab">
      <i class="material-icons">&#xE8B8;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen && userIsLoggedIn" ng-class="{'active': getActiveTabName() === 'stats'}">
    <a href="#" uib-tooltip="Statistics" tooltip-placement="bottom" ng-click="selectStatsTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-stats-tab">
      <i class="material-icons">&#xE24B;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen && userIsLoggedIn && isImprovementsTabEnabled()" ng-class="{'active': getActiveTabName() === 'improvements'}" ng-click="selectImprovementsTab()">
    <a href="#" uib-tooltip="Improvements" tooltip-placement="bottom"
       class="oppia-editor-navbar-tab-anchor protractor-test-improvements-tab">
      <i class="material-icons">trending_up</i>
    </a>
  </li>

  <li ng-if="isLargeScreen" ng-class="{'active': getActiveTabName() === 'history'}">
    <a href="#" uib-tooltip="History" tooltip-placement="bottom" ng-click="selectHistoryTab()"
       disabled="ExplorationRightsService.isCloned()"
       class="oppia-editor-navbar-tab-anchor protractor-test-history-tab">
      <i class="material-icons">&#xE192;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen" ng-class="{'active': getActiveTabName() === 'feedback'}" ng-click="selectFeedbackTab()">
    <a href="#" uib-tooltip="Feedback" tooltip-placement="bottom"
       class="oppia-editor-navbar-tab-anchor protractor-test-feedback-tab">
      <i class="material-icons">&#xE87F;</i>
    </a>
    <div ng-show="getOpenThreadsCount()" class="oppia-exploration-open-threads-indicator oppia-exploration-open-threads-color">
      <span class="oppia-exploration-open-threads-count">
        <[getOpenThreadsCount()]>&nbsp;open
      </span>
    </div>
  </li>

  <div ng-if="userIsLoggedIn" class="nav navbar-nav oppia-navbar-nav oppia-help-dropdown pull-right ng-cloak">
    <li uib-dropdown class="uib-dropdown uib-popover" popover-is-open="popoverControlObject.postTutorialHelpPopoverIsShown"
        popover-placement="bottom" popover-trigger="'none'"
        uib-popover="To get help in the future, click here!">
      <a href="#" uib-tooltip="Help" tooltip-placement="bottom"
         class="oppia-editor-navbar-tab-anchor" ng-click="showUserHelpModal()">
        <i class="material-icons">&#xE887;</i>
      </a>
    </li>
  </div>
</ul>
<style type="text/css">
  .oppia-help-dropdown .uib-popover {
    color: white;
    font-size: 14px;
    max-width: 200px;
    text-align: center;
  }
  .oppia-help-dropdown .uib-popover.bottom > .arrow {
    border-bottom-color: #000;
  }
  .oppia-help-dropdown .uib-popover.bottom > .arrow:after {
    border-bottom-color: #000;
  }
</style><commit_msg>Fix #6262: Constrain the width of the tooltip so that it fits the screen (#6865)<commit_after><style>
  /* Overwrite the Bootstrap defaults. */
  .nav > li > a.oppia-editor-navbar-tab-anchor {
    padding: 15px 11px;
  }
  editor-navigation .oppia-exploration-open-threads-count {
    bottom: 8px;
    color: white;
    font-size: 9px;
    position: relative;
  }
  editor-navigation .oppia-exploration-open-threads-color {
    background-color: #4078C0;
    border: 1px solid rgb(243, 243, 243);
  }
  editor-navigation .oppia-exploration-open-threads-indicator {
    border-radius: 10%;
    bottom: 5px;
    height: 15px;
    position: absolute;
    right: 3px;
    text-align: center;
  }
</style>
<ul class="nav navbar-nav oppia-navbar-nav pull-right ng-cloak" style="margin-left: 20px;">
  <li ng-class="{'active': getActiveTabName() === 'main', 'uib-dropdown': countWarnings()}" ng-attr-uib-dropdown="<[countWarnings()]>">
    <a href="#" uib-tooltip="Editor" tooltip-placement="<[countWarnings() ? 'left' : 'bottom']>" ng-click="selectMainTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-main-tab">
      <i class="material-icons">&#xE254;</i>
    </a>
    <div ng-show="countWarnings()" class="oppia-editor-warnings-indicator" ng-click="selectMainTab()" ng-class="{'oppia-editor-warnings-critical-color': hasCriticalWarnings(), 'oppia-editor-warnings-error-color': !hasCriticalWarnings()}">
      <span class="oppia-editor-warnings-count">
        <[countWarnings()]>
      </span>
    </div>
    <ul uib-dropdown-menu class="uib-dropdown-menu oppia-editor-warnings-box">
      <span class="oppia-editor-warnings-header">Warnings</span>
      <li class="oppia-editor-warnings-text" ng-repeat="warning in getWarnings() track by $index">
        <hr class="oppia-editor-warnings-separator">
        <span ng-if="warning.type === 'critical'">
          <strong><[warning.message]></strong>
        </span>
        <span ng-if="warning.type !== 'critical'">
          <[warning.message]>
        </span>
      </li>
    </ul>
  </li>

  <li ng-if="userIsLoggedIn" id="tutorialTranslationTab" ng-class="{'active': getActiveTabName() === 'translation'}">
    <a href="#" uib-tooltip="Translations and Voiceovers" tooltip-placement="bottom" ng-click="selectTranslationTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-translation-tab">
      <i class="material-icons">&#xE029;</i>
    </a>
  </li>

  <li ng-if="userIsLoggedIn" id="tutorialPreviewTab" ng-class="{'active': getActiveTabName() === 'preview'}">
    <a href="#" uib-tooltip="Preview" tooltip-placement="bottom" ng-click="selectPreviewTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-preview-tab">
      <i class="material-icons">&#xE037;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen" ng-class="{'active': getActiveTabName() === 'settings'}">
    <a href="#" uib-tooltip="Settings" tooltip-placement="bottom" ng-click="selectSettingsTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-settings-tab">
      <i class="material-icons">&#xE8B8;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen && userIsLoggedIn" ng-class="{'active': getActiveTabName() === 'stats'}">
    <a href="#" uib-tooltip="Statistics" tooltip-placement="bottom" ng-click="selectStatsTab()"
       class="oppia-editor-navbar-tab-anchor protractor-test-stats-tab">
      <i class="material-icons">&#xE24B;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen && userIsLoggedIn && isImprovementsTabEnabled()" ng-class="{'active': getActiveTabName() === 'improvements'}" ng-click="selectImprovementsTab()">
    <a href="#" uib-tooltip="Improvements" tooltip-placement="bottom"
       class="oppia-editor-navbar-tab-anchor protractor-test-improvements-tab">
      <i class="material-icons">trending_up</i>
    </a>
  </li>

  <li ng-if="isLargeScreen" ng-class="{'active': getActiveTabName() === 'history'}">
    <a href="#" uib-tooltip="History" tooltip-placement="bottom" ng-click="selectHistoryTab()"
       disabled="ExplorationRightsService.isCloned()"
       class="oppia-editor-navbar-tab-anchor protractor-test-history-tab">
      <i class="material-icons">&#xE192;</i>
    </a>
  </li>

  <li ng-if="isLargeScreen" ng-class="{'active': getActiveTabName() === 'feedback'}" ng-click="selectFeedbackTab()">
    <a href="#" uib-tooltip="Feedback" tooltip-placement="bottom"
       class="oppia-editor-navbar-tab-anchor protractor-test-feedback-tab">
      <i class="material-icons">&#xE87F;</i>
    </a>
    <div ng-show="getOpenThreadsCount()" class="oppia-exploration-open-threads-indicator oppia-exploration-open-threads-color">
      <span class="oppia-exploration-open-threads-count">
        <[getOpenThreadsCount()]>&nbsp;open
      </span>
    </div>
  </li>

  <div ng-if="userIsLoggedIn" class="nav navbar-nav oppia-navbar-nav oppia-help-dropdown pull-right ng-cloak">
    <li uib-dropdown class="uib-dropdown uib-popover" popover-is-open="popoverControlObject.postTutorialHelpPopoverIsShown"
        popover-placement="bottom" popover-trigger="'none'"
        uib-popover="To get help in the future, click here!">
      <a href="#" uib-tooltip="Help" tooltip-placement="bottom"
         class="oppia-editor-navbar-tab-anchor" ng-click="showUserHelpModal()">
        <i class="material-icons">&#xE887;</i>
      </a>
    </li>
  </div>
</ul>
<style type="text/css">
  .oppia-help-dropdown .uib-popover {
    color: white;
    font-size: 14px;
    max-width: 200px;
    text-align: center;
  }
  .oppia-help-dropdown .popover-inner {
    max-width: 140px;
  }
  .oppia-help-dropdown .uib-popover.bottom > .arrow {
    border-bottom-color: #000;
  }
  .oppia-help-dropdown .uib-popover.bottom > .arrow:after {
    border-bottom-color: #000;
  }
</style>
{'fraction_non_alphanumeric': 0.18782349328888498, 'fraction_numerical': 0.011667690148258619, 'mean_word_length': 3.8948046371833405, 'pattern_counts': {'":': 0, '<': 181, '<?xml version=': 0, '>': 189, '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': '3322088', 'n_tokens_mistral': 4082, 'n_tokens_neox': 3855, 'n_words': 621}