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

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 @sidebar-width: 200px;
  39 @transition-duration: 0.25s;
  40 @overlayer-opacity: 0.65;
  41
  42 .left-menu-close-button {
  43     padding-right: 10px;
  44   font-size: 1.25em;
  45   line-height: 18px;
  46   position: absolute;
  47   cursor: pointer;
  48   vertical-align: middle;
  49   top: @second-level-top;
  50   left: 160px;
  51   //-webkit-font-smoothing: antialiased;
  52   height: 25px;
  53   z-index: 101;
  54   //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  55 }
  56
  57 @-moz-document url-prefix() {
  58     .close-button-arrow {
  59         top: 115px; // bug in Firefox
  60     }
  61 }
  62 .close-button-arrow{
  63     left: 180px;
  64 }
  65
  66 @-moz-document url-prefix() {
  67     .open-button-arrow{
  68         top: 115px; // bug in Firefox
  69     }
  70 }
  71
  72 .close-button-arrow{
  73     left: 180px;
  74 }
  75
  76 .open-button-arrow{
  77     left: 0;
  78     padding-left: 13px;
  79 }
  80
  81 .ecomp-sidebar-container {
  82     position: absolute;
  83     display: block;
  84     left: 0;
  85     //width: inherit;
  86     z-index: 100;
  87     //transition: left @transition-duration;
  88     margin-top: -15px;
  89
  90   .ecomp-sidebar-main {
  91       left: 0;
  92     //background-color: ;
  93     position: absolute;
  94     margin-top: 125px;
  95     width: @sidebar-width;
  96     height: 100vh;
  97     // .bg_portalWhite;//white for 1610
  98     .bg_portalGray;  // gray for 1702
  99     //box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
 100
 101     //padding-right: 10px;
 102     //padding-left: 10px;
 103
 104     .accordion-container{
 105       margin-top: 45px;
 106     }
 107     .portal-accordion-font{
 108       font-size: .875rem;
 109       //color: #666;
 110       display: inline-block;
 111     }
 112
 113     .portal-accordion-active{
 114         color: @funcBlueLink !important;
 115         .bg_portalWhite;
 116         padding-left: 10px;
 117     }
 118
 119     .sub-item{
 120       .portal-accordion-font;
 121       cursor: pointer;
 122       height: 37px;
 123       line-height: 37px;
 124       padding-left: 20px;
 125       padding-bottom: 10px;
 126       vertical-align: middle;
 127       width: 100%;
 128     }
 129     .sub-item:hover{
 130       .portal-accordion-active;
 131     }
 132
 133     .parent-item{
 134         .portal-accordion-font;
 135         border-bottom: 1px solid @portalLGray;
 136         cursor: pointer;
 137         height: 37px;
 138         line-height: 37px;
 139         padding-bottom: 10px;
 140         vertical-align: middle;
 141         width: 100%;
 142         padding-left: 10px;
 143     }
 144
 145     .parent-item:hover{
 146       .portal-accordion-active;
 147     }
 148
 149   }
 150 }
 151
 152 .open-sidebar {
 153   width: @sidebar-width;
 154 }
 155
 156 .close-sidebar {
 157         display: none;
 158     width: 35px !important;
 159     span {color: transparent}
 160 }
 161
 162 .content-overlayed {
 163   position: fixed;
 164   top: 110px;
 165   right: 0;
 166   bottom: 0;
 167   left: 0;
 168   background: none repeat scroll 0 0 @funcBkgGray;
 169   z-index: 9999;
 170 }
 171 .fade-animation{
 172   opacity: @overlayer-opacity;
 173   transition: opacity @transition-duration ease-in-out;
 174 }
 175 .fade-animation.ng-hide {
 176   opacity:0;
 177   transition: opacity @transition-duration ease-in-out;
 178 }
 179
 180 .left-menu-collapsed {
 181         width: 22px !important;
 182 }
 183
 184 .leftmenu-arrow-expand{
 185         margin-left:200px
 186 }
 187 .leftmenu-arrow-collapse{
 188         margin-left:0px;
 189 }
 190
 191 .left-menu-div{
 192         margin-top:110px;
 193         float: left;
 194         position: absolute;
 195     z-index: 100;
 196 }
 197 .b2b-subnav-content > li > a {
 198         display: inline-block;
 199 }
 200
 201 .leftment-items{
 202         margin-left:40px;
 203 }
 204
 205 .menu-icon {
 206         line-height: 40px;
 207 }
 208
 209 .menu-icon-collapse {
 210         line-height: 40px;
 211         margin-top:10px;
 212         margin-bottom:10px;
 213 }
 214
 215 .b2b-nav-menu {
 216     border: 0 !important;
 217 }