<commit_before>/*
 * Copyright 2016 EPAM Systems
 *
 *
 * This file is part of EPAM Report Portal.
 * https://github.com/epam/ReportPortal
 *
 * Report Portal is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Report Portal is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Report Portal.  If not, see <http://www.gnu.org/licenses/>.
 */

 .header {
   position: absolute;
   //position: relative;
   width: 100%;
   z-index: 11;
   margin: 0;
   padding: 0 15px;
   background-color: $COLOR--black-five;
   letter-spacing: .5px;

   @media (max-width: $SCREEN_XS_MAX) {
     padding: 0;
   }

   .container {
     @media (min-width: $SCREEN_XS_MAX) {
       width: 100%;
       padding-right: 100px;
     }

     @media (max-width: 991px) and (min-width: 768px) {
       padding-right: 70px;
     }
   }

   & > .container > .row { // #topHeader
     min-height: 30px;
     margin-bottom: 0;
     box-sizing: content-box;
     color: $COLOR--white-default;
     @media (max-width: $SCREEN_XS_MAX) {
       padding: 0;
     }

     .navbar {
       min-height: 30px;
       margin-bottom: 0;
       padding-left: 0;
       padding-right: 0;
       border: initial;
       @include fontHeader;

       .mobile-main-header {
         .button-menu-open {
           position: relative;
           width: 50px;
           height: 60px;
           padding: 20px 10px 20px 10px;
           &.hidden {
             display: none;
           }
           .menu-icon-part {
             width: 100%;
             height: 3px;
             background: white;
             margin-bottom: 5px;
           }
         }
         .button-menu-close {
           position: relative;
           width: 50px;
           height: 60px;
           padding: 5px 0;
           &.hidden {
             display: none;
           }
           .material-icons.close-menu {
             font-size: 50px;
           }
         }
         .rp-logo {
           width: 150px;
           height: 60px;
           background-image: url(../img/landing/logo_small.svg);
           position: absolute;
           top: 0;
           left: 50%;
           margin-left: -65px;
           background-repeat: no-repeat;
           background-position: center center;
         }
       }

       .navbar-collapse {
         padding: 16px 15px 11px;

         @media(min-width: 1600px) {
           width: 1370px;
           margin: 0 auto;
           padding-left: 0;
           padding-right: 0;
         }

         @media(min-width: $SCREEN_SM_MIN) {
           padding: 16px 5px 11px 15px;
         }

         @media (max-width: $SCREEN_XS_MAX) {
           position: relative;
           box-shadow: none;
           border-top: none;
           background: $COLOR--greyish-brown;
           height: 50px;
           #settings, #members {
             position: absolute;
             top: 0;
             right: 0;
             padding: 14px 12px;
             a {
               margin: 0;
               padding: 0;
               font-size: 24px;
             }
           }
           #members {
             right: 48px;
             padding: 17px 8px;
             a {
               font-size: 18px;
             }
           }
           #projectSelector {
             position: absolute;
             left: 0;
             right: 0;
             top: 0;
             padding: 0;
             height: 50px;
             .dropdown-toggle {
               padding-top: 10px;
               padding-left: 9px;
               padding-right: 96px;
             }
             .baron__root {
               top: 50px;
               width: 100% !important;
               &.open {
                 border: none;
               }
             }
             &:after {
               display: none;
             }
             .dropdown-menu {
               background: #666666;
               border-bottom: 1px solid #757575;
               border-top: 1px solid #757575;
               li {
                 height: 50px;
                 background: #666666;
                 border-bottom: 1px solid #757575;
                 overflow: hidden;
                 &:last-child {
                   border-bottom: none;
                 }
                 a {
                   color: white;
                   line-height: 50px;
                   padding: 0 !important;
                   text-align: left;
                   text-indent: 10px;
                   font-size: 16px;
                 }
                 &.active {
                   background: $COLOR--black-three;
                   a {
                     background: none;
                     color: $COLOR--booger;
                   }
                 }
               }
             }
           }
         }

         ul.navbar-nav {
           @media (min-width: 768px) {
             float: left;
             margin: 0;
           }
         }

         ul.rp-navbar-right {
           margin-right: 0;

           .dropdown {
             padding-bottom: 0;
             font-size: 16px;

             .rp-user-navigator {
               position: relative;
               display: block;
               height: 100%;
               width: 100%;
               padding: 0;
               background-color: inherit!important;
               font-size: 14px;
               color: $COLOR--white-default;
               line-height: 20px;
               cursor: pointer;

               .user-login-wrap {
                 position: absolute;
                 display: block;
                 right: 0;
                 top: 0;
                 bottom: 0;
                 width: auto;
                 padding: 0 55px 0 0;

                 .user-status {
                   position: relative;
                   display: block;
                   height: 14px;
                   max-height: 14px;
                   margin-top: -5px;
                   margin-right: 15px;
                   text-align: right;
                   white-space: nowrap;
                   color: $COLOR--white-default;

                   .user-status-text {
                     position: relative;
                     display: inline-block;
                     background-color: #ff3222;
                     text-transform: lowercase;
                     border-radius: 100px;
                     padding: 1px 10px 2px;
                     font-family: OpenSansRegular,sans-serif;
                     font-size: 10px;
                     line-height: 10px;
                   }
                 }

                 .user-name {
                   position: relative;
                   display: block;
                   max-width: 300px;
                   overflow: hidden;
                   margin-top: 8px;
                   margin-right: 15px;
                   padding: 0;
                   text-align: right;
                   text-overflow: ellipsis;
                   white-space: nowrap;
                   color: $COLOR--white-default;
                   @include fontHeader;
                   font-size: 12px;
                   line-height: 14px;
                   text-shadow: 1px 2px 2px rgba(39,39,40,.4);

                   @media (max-width: 992px) {
                     max-width: 120px;
                   }
                 }
               }

               .user-avatar-wrap {
                 position: relative;
                 display: block;
                 margin: 0;
                 padding-right: 25px;

                 img {
                   position: relative;
                   float: none;
                   max-height: 34px;
                   max-width: 30px;
                   border-radius: 0;
                   margin: 0;
                   padding: 0;
                   height: auto;
                   width: auto;
                   text-align: center;
                 }
               }

               .material-icons.arrow_drop_down {
                 position: absolute;
                 display: block;
                 top: 0;
                 right: 0;
                 font-size: 22px;
                 width: 22px;
                 line-height: 30px;
               }
             }

             .dropdown-menu {
               min-width: 140px;
               margin-top: 0;
               top: 44px;
               padding: 0;
               border-radius: 0;
               border-color: #d9d9d9;

               li {
                 position: relative;
                 padding: 0;
<commit_msg>Minor style fixes for right header dropdown(userProfile, logout, API...)<commit_after>/*
 * Copyright 2016 EPAM Systems
 *
 *
 * This file is part of EPAM Report Portal.
 * https://github.com/epam/ReportPortal
 *
 * Report Portal is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Report Portal is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with Report Portal.  If not, see <http://www.gnu.org/licenses/>.
 */

 .header {
   position: absolute;
   //position: relative;
   width: 100%;
   z-index: 11;
   margin: 0;
   padding: 0 15px;
   background-color: $COLOR--black-five;
   letter-spacing: .5px;

   @media (max-width: $SCREEN_XS_MAX) {
     padding: 0;
   }

   .container {
     @media (min-width: $SCREEN_XS_MAX) {
       width: 100%;
       padding-right: 100px;
     }

     @media (max-width: 991px) and (min-width: 768px) {
       padding-right: 70px;
     }
   }

   & > .container > .row { // #topHeader
     min-height: 30px;
     margin-bottom: 0;
     box-sizing: content-box;
     color: $COLOR--white-default;
     @media (max-width: $SCREEN_XS_MAX) {
       padding: 0;
     }

     .navbar {
       min-height: 30px;
       margin-bottom: 0;
       padding-left: 0;
       padding-right: 0;
       border: initial;
       @include fontHeader;

       .mobile-main-header {
         .button-menu-open {
           position: relative;
           width: 50px;
           height: 60px;
           padding: 20px 10px 20px 10px;
           &.hidden {
             display: none;
           }
           .menu-icon-part {
             width: 100%;
             height: 3px;
             background: white;
             margin-bottom: 5px;
           }
         }
         .button-menu-close {
           position: relative;
           width: 50px;
           height: 60px;
           padding: 5px 0;
           &.hidden {
             display: none;
           }
           .material-icons.close-menu {
             font-size: 50px;
           }
         }
         .rp-logo {
           width: 150px;
           height: 60px;
           background-image: url(../img/landing/logo_small.svg);
           position: absolute;
           top: 0;
           left: 50%;
           margin-left: -65px;
           background-repeat: no-repeat;
           background-position: center center;
         }
       }

       .navbar-collapse {
         padding: 16px 15px 11px;

         @media(min-width: 1600px) {
           width: 1370px;
           margin: 0 auto;
           padding-left: 0;
           padding-right: 0;
         }

         @media(min-width: $SCREEN_SM_MIN) {
           padding: 16px 5px 11px 15px;
         }

         @media (max-width: $SCREEN_XS_MAX) {
           position: relative;
           box-shadow: none;
           border-top: none;
           background: $COLOR--greyish-brown;
           height: 50px;
           #settings, #members {
             position: absolute;
             top: 0;
             right: 0;
             padding: 14px 12px;
             a {
               margin: 0;
               padding: 0;
               font-size: 24px;
             }
           }
           #members {
             right: 48px;
             padding: 17px 8px;
             a {
               font-size: 18px;
             }
           }
           #projectSelector {
             position: absolute;
             left: 0;
             right: 0;
             top: 0;
             padding: 0;
             height: 50px;
             .dropdown-toggle {
               padding-top: 10px;
               padding-left: 9px;
               padding-right: 96px;
             }
             .baron__root {
               top: 50px;
               width: 100% !important;
               &.open {
                 border: none;
               }
             }
             &:after {
               display: none;
             }
             .dropdown-menu {
               background: #666666;
               border-bottom: 1px solid #757575;
               border-top: 1px solid #757575;
               li {
                 height: 50px;
                 background: #666666;
                 border-bottom: 1px solid #757575;
                 overflow: hidden;
                 &:last-child {
                   border-bottom: none;
                 }
                 a {
                   color: white;
                   line-height: 50px;
                   padding: 0 !important;
                   text-align: left;
                   text-indent: 10px;
                   font-size: 16px;
                 }
                 &.active {
                   background: $COLOR--black-three;
                   a {
                     background: none;
                     color: $COLOR--booger;
                   }
                 }
               }
             }
           }
         }

         ul.navbar-nav {
           @media (min-width: 768px) {
             float: left;
             margin: 0;
           }
         }

         ul.rp-navbar-right {
           margin-right: 0;

           .dropdown {
             padding-bottom: 0;
             font-size: 16px;

             .rp-user-navigator {
               position: relative;
               display: block;
               height: 100%;
               width: 100%;
               padding: 0;
               background-color: inherit!important;
               font-size: 14px;
               color: $COLOR--white-default;
               line-height: 20px;
               cursor: pointer;

               .user-login-wrap {
                 position: absolute;
                 display: block;
                 right: 0;
                 top: 0;
                 bottom: 0;
                 width: auto;
                 padding: 0 55px 0 0;

                 .user-status {
                   position: relative;
                   display: block;
                   height: 14px;
                   max-height: 14px;
                   margin-top: -5px;
                   margin-right: 15px;
                   text-align: right;
                   white-space: nowrap;
                   color: $COLOR--white-default;

                   .user-status-text {
                     position: relative;
                     display: inline-block;
                     background-color: #ff3222;
                     text-transform: lowercase;
                     border-radius: 100px;
                     padding: 1px 10px 2px;
                     font-family: OpenSansRegular,sans-serif;
                     font-size: 10px;
                     line-height: 10px;
                   }
                 }

                 .user-name {
                   position: relative;
                   display: block;
                   max-width: 300px;
                   overflow: hidden;
                   margin-top: 8px;
                   margin-right: 15px;
                   padding: 0;
                   text-align: right;
                   text-overflow: ellipsis;
                   white-space: nowrap;
                   color: $COLOR--white-default;
                   @include fontHeader;
                   font-size: 12px;
                   line-height: 14px;
                   text-shadow: 1px 2px 2px rgba(39,39,40,.4);

                   @media (max-width: 992px) {
                     max-width: 120px;
                   }
                 }
               }

               .user-avatar-wrap {
                 position: relative;
                 display: block;
                 margin: 0;
                 padding-right: 25px;

                 img {
                   position: relative;
                   float: none;
                   max-height: 34px;
                   max-width: 30px;
                   border-radius: 0;
                   margin: 0;
                   padding: 0;
                   height: auto;
                   width: auto;
                   text-align: center;
                 }
               }

               .material-icons.arrow_drop_down {
                 position: absolute;
                 display: block;
                 top: 0;
                 right: 0;
                 font-size: 22px;
                 width: 22px;
                 line-height: 30px;
               }
             }

             .dropdown-menu {
               min-width: 140px;
               margin-top: 0;
               top: 45px;
               padding: 0;
               border-radius: 0;
               border-color: #d9d9d9;

               li {
                 position: relative;
                 padding: 0;

                 &:nth-last-child(1) {
                   border-top: 1px solid $COLOR--gray-91;
                 }

{'fraction_non_alphanumeric': 0.08875151782757479, 'fraction_numerical': 0.031239651175626448, 'mean_word_length': 0.9257094271442237, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, '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': '2397515', 'n_tokens_mistral': 5242, 'n_tokens_neox': 4537, 'n_words': 1175}