ecomp-portal-FE-common/client/app/views/widget-catalog/widget-catalog.less

   1 .widget-catalog{
   2     .bg_portalWhite;//white for 1702
   3     //.bg_portalGray;  // gray for 1610
   4     position: @page-main-position;
   5     top: @page-main-top;
   6     left: @page-main-left;
   7     right: @page-main-right;
   8     bottom: @page-main-bottom;
   9     padding-top: @padding-top;
  10     overflow-y: @page-main-overflow-y;
  11     padding-left: @padding-left-side;
  12     margin: auto;
  13
  14     .widget-title {
  15         padding-left: 20px;
  16         margin-bottom: -15px;
  17     }
  18
  19   .widget-gridster-header {
  20         color: #0574ac;
  21     font-family: Omnes-ECOMP-W02-Bold, Arial;
  22     font-size: 18px;
  23   }
  24
  25   .widget-gridster-footer {
  26     background-color: @portalWhite
  27   }
  28
  29   .widget-iframe {
  30     width: 100%;
  31     height: 100%;
  32   }
  33
  34   .widget-image {
  35     cursor: pointer;
  36     width: 20px;
  37     height: 25px;
  38   }
  39
  40   .enlarge-content{
  41     top: 120px;
  42     left: 400px;
  43     width:1170px;
  44     height:600px;
  45     right: 0;
  46     bottom: 0;
  47     left: 0;
  48     background: none repeat scroll 0 0 @funcBkgGray;
  49   }
  50
  51   .enlarge-close-button{
  52     .btn-blue;
  53     position: relative;
  54     top : -20px;
  55     left : 1145px;
  56     width : 25px;
  57   }
  58
  59   .widgets-home-container {
  60     //.content_justify;
  61     //position: relative;
  62     padding-right: 0;
  63     padding-left: 0;
  64     padding-bottom: 32px;
  65     width: 100%;
  66       //margin-left: @table-margin-left;
  67
  68     .portals-list {
  69       min-height: 70vh;
  70       //display: flex;
  71       //justify-content: center;
  72       flex-flow: row wrap;
  73       width: @table-width;
  74           margin:auto;
  75       //margin-left: @table-margin-left;
  76       margin-bottom: 63px;
  77
  78       .portals-list-item {
  79         background-color: @portalWhite;
  80         border-radius: 2px;
  81         box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  82         display: inline-block;
  83         width: 360px;
  84         height: 300px;
  85         background-size: cover;
  86         cursor: pointer;
  87         margin: 15px;
  88         overflow: hidden;
  89
  90         .portals-item-info {
  91           background-color: @portalWhite;
  92           height: 50px;
  93           top: 180px;
  94          // position: relative;
  95           box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  96           padding: 16px;
  97
  98           .info-title {
  99             //.a24r;
 100             .dBlue24r;  // AT&T Dark Blue
 101             margin-bottom: 4px;
 102
 103             text-overflow: ellipsis;
 104             overflow: hidden;
 105           }
 106           .info-description {
 107             .portalDBlue16r;
 108             text-overflow: ellipsis;
 109             white-space: nowrap;
 110             overflow: hidden;
 111           }
 112           .info-button {
 113             .btn-green;
 114             width: 96px;
 115           //  position: absolute;
 116             bottom: 16px;
 117             left: 16px;
 118           }
 119
 120           &:hover {
 121             opacity: .93;
 122             z-index: 3;
 123           }
 124         }
 125       }
 126     }
 127   }
 128 }
 129
 130 .gridster-item-container .gridster-item-body {
 131         bottom:0px;
 132         overflow-y:auto;
 133     overflow-x:hidden;
 134 }
 135
 136 @keyframes fadein {
 137   from {
 138     opacity: 0;
 139   }
 140   to {
 141     opacity: 1;
 142   }
 143 }
 144
 145 #widget-page-content{
 146         padding-left:250px;
 147 }
 148
 149 .widget-centerAlignment{
 150 margin: auto;
 151 width: 1170px;
 152 }
 153 #widget-checkbox-label{
 154 margin-left: 190px;
 155 top: 3px;
 156 }