ecomp-portal-FE-common/client/app/directives/left-menu/left-menu.less

   1 /**
   2  * Created by nnaffar on 1/28/16.
   3  */
   4 @sidebar-width: 200px;
   5 @transition-duration: 0.25s;
   6 @overlayer-opacity: 0.65;
   7
   8 .left-menu-close-button {
   9     padding-right: 10px;
  10   font-size: 1.25em;
  11   line-height: 18px;
  12   position: absolute;
  13   cursor: pointer;
  14   vertical-align: middle;
  15   top: @second-level-top;
  16   left: 160px;
  17   //-webkit-font-smoothing: antialiased;
  18   height: 25px;
  19   z-index: 101;
  20   //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  21 }
  22
  23 @-moz-document url-prefix() {
  24     .close-button-arrow {
  25         top: 115px; // bug in Firefox
  26     }
  27 }
  28 .close-button-arrow{
  29     left: 180px;
  30 }
  31
  32 @-moz-document url-prefix() {
  33     .open-button-arrow{
  34         top: 115px; // bug in Firefox
  35     }
  36 }
  37
  38 .close-button-arrow{
  39     left: 180px;
  40 }
  41
  42 .open-button-arrow{
  43     left: 0;
  44     padding-left: 13px;
  45 }
  46
  47 .ecomp-sidebar-container {
  48     position: absolute;
  49     display: block;
  50     left: 0;
  51     //width: inherit;
  52     z-index: 100;
  53     //transition: left @transition-duration;
  54     margin-top: -15px;
  55
  56   .ecomp-sidebar-main {
  57       left: 0;
  58     //background-color: ;
  59     position: absolute;
  60     margin-top: 125px;
  61     width: @sidebar-width;
  62     height: 100vh;
  63     // .bg_portalWhite;//white for 1610
  64     .bg_portalGray;  // gray for 1702
  65     //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  66
  67     //padding-right: 10px;
  68     //padding-left: 10px;
  69
  70     .accordion-container{
  71       margin-top: 45px;
  72     }
  73     .portal-accordion-font{
  74       font-size: .875rem;
  75       //color: #666;
  76       display: inline-block;
  77     }
  78
  79     .portal-accordion-active{
  80         color: @funcBlueLink !important;
  81         .bg_portalWhite;
  82         padding-left: 10px;
  83     }
  84
  85     .sub-item{
  86       .portal-accordion-font;
  87       cursor: pointer;
  88       height: 37px;
  89       line-height: 37px;
  90       padding-left: 20px;
  91       padding-bottom: 10px;
  92       vertical-align: middle;
  93       width: 100%;
  94     }
  95     .sub-item:hover{
  96       .portal-accordion-active;
  97     }
  98
  99     .parent-item{
 100         .portal-accordion-font;
 101         border-bottom: 1px solid @portalLGray;
 102         cursor: pointer;
 103         height: 37px;
 104         line-height: 37px;
 105         padding-bottom: 10px;
 106         vertical-align: middle;
 107         width: 100%;
 108         padding-left: 10px;
 109     }
 110
 111     .parent-item:hover{
 112       .portal-accordion-active;
 113     }
 114
 115   }
 116 }
 117
 118 .open-sidebar {
 119   width: @sidebar-width;
 120 }
 121
 122 .close-sidebar {
 123         display: none;
 124     width: 35px !important;
 125     span {color: transparent}
 126 }
 127
 128 .content-overlayed {
 129   position: fixed;
 130   top: 110px;
 131   right: 0;
 132   bottom: 0;
 133   left: 0;
 134   background: none repeat scroll 0 0 @funcBkgGray;
 135   z-index: 9999;
 136 }
 137 .fade-animation{
 138   opacity: @overlayer-opacity;
 139   transition: opacity @transition-duration ease-in-out;
 140 }
 141 .fade-animation.ng-hide {
 142   opacity:0;
 143   transition: opacity @transition-duration ease-in-out;
 144 }
 145
 146 .left-menu-collapsed {
 147         width: 22px !important;
 148 }
 149
 150 .leftmenu-arrow-expand{
 151         margin-left:200px
 152 }
 153 .leftmenu-arrow-collapse{
 154         margin-left:0px;
 155 }
 156
 157 .left-menu-div{
 158         margin-top:110px;
 159         float: left;
 160 }
 161 .b2b-subnav-content > li > a {
 162         display: inline-block;
 163 }
 164
 165 .leftment-items{
 166         margin-left:40px;
 167 }
 168
 169 .menu-icon {
 170         line-height: 40px;
 171 }
 172
 173 .menu-icon-collapse {
 174         line-height: 40px;
 175         margin-top:10px;
 176         margin-bottom:10px;
 177 }