gui/app/views/layout/sideNav2.html

   1 <div class="naviSide">
   2
   3
   4     <ul class="nav bs-sidenav">
   5
   6         <div class="panel-group " role="tablist " aria-multiselectable="true " bs-collapse style="margin-bottom:0px; ">
   7             <div class="panel panel-default ">
   8                 <div class="panel-heading " role="tab ">
   9                     <h4 class="panel-title ">
  10                         <a bs-collapse-toggle style=" text-decoration: none;" ng-click="gotoProject();">
  11         Project
  12         </a>
  13                     </h4>
  14
  15                 </div>
  16
  17             </div>
  18         </div>
  19         <div class="panel-group" role="tablist" aria-multiselectable="false" bs-collapse style="margin-bottom:0px;">
  20             <div class="panel panel-default">
  21                 <div class="panel-heading" role="tab">
  22                     <h4 class="panel-title">
  23                         <a bs-collapse-toggle style=" text-decoration: none;">
  24                             <div style="display:inline;" ng-click="gotoEnviron()">Environment </div>
  25                             <!--<i class="fa fa-sort-asc" aria-hidden="true" style="margin-left: 71px;display:inline"></i>-->
  26                         </a>
  27                     </h4>
  28                 </div>
  29
  30             </div>
  31         </div>
  32
  33         <div class="panel-group " role="tablist " aria-multiselectable="true " bs-collapse style="margin-bottom:0px; ">
  34             <div class="panel panel-default ">
  35                 <div class="panel-heading " role="tab ">
  36                     <h4 class="panel-title ">
  37                         <a bs-collapse-toggle style=" text-decoration: none;" ng-click="gotoTestcase()">
  38          Test Case
  39         </a>
  40                     </h4>
  41
  42                 </div>
  43
  44             </div>
  45         </div>
  46
  47         <div class="panel-group " role="tablist " aria-multiselectable="true " bs-collapse style="margin-bottom:0px; ">
  48             <div class="panel panel-default ">
  49                 <div class="panel-heading " role="tab ">
  50                     <h4 class="panel-title ">
  51                         <a bs-collapse-toggle style=" text-decoration: none;" ng-click="gotoSuite()">
  52         Test Suite
  53         </a>
  54                     </h4>
  55
  56                 </div>
  57
  58             </div>
  59         </div>
  60
  61
  62
  63     </ul>
  64
  65 </div>
  66
  67 <style>
  68     .bs-sidenav {
  69         margin-top: 21px;
  70         margin-bottom: 20px;
  71         width: 124px;
  72     }
  73
  74     .nav {
  75         margin-bottom: 0;
  76         padding-left: 0;
  77         list-style: none;
  78     }
  79
  80     .nav>li {
  81         position: relative;
  82         display: block;
  83     }
  84
  85     li {
  86         display: list-item;
  87         text-align: -webkit-match-parent;
  88     }
  89
  90     a {
  91         cursor: pointer;
  92     }
  93
  94     a.active {
  95         background-color: #EEEEEE;
  96         border-radius: 5px;
  97         width: 165px;
  98     }
  99     /*a:hover {
 100         width: 165px;
 101     }*/
 102
 103     .nav>li>a:hover,
 104     .nav>li>a:focus {
 105         text-decoration: underline;
 106         background-color: transparent;
 107     }
 108 </style>