ecomp-portal-FE-common/client/app/views/user-notifications-admin/user.notifications.less

   1 .w-ecomp-user-notification-admin{
   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
  13     .tab-bottom {
  14         bottom: 0;
  15     }
  16
  17     .tablesorter-default .tablesorter-header .tablesorter-header-inner {
  18     //background-image: url(images/upanddown.png);
  19     background-position: center right;
  20     background-repeat: no-repeat;
  21     cursor: pointer;
  22     white-space: normal;
  23     display: inline-block;
  24     vertical-align: baseline;
  25     zoom: 1;
  26     padding: -1px 50px;
  27 }
  28
  29
  30 p {
  31     display: inline;
  32 }
  33 .userNotifTable {
  34         width: @table-width;
  35         //margin-left: @table-margin-left;
  36         //margin: @table-margin;
  37                 margin:auto;
  38         .delete-app{
  39             .ico_trash_default;
  40         }
  41         }
  42   .user-notification-container {
  43     .content_justify;
  44       position: relative;
  45     padding: 15px 0 32px 0;
  46     width: 100%;
  47
  48     .user-notification-list {
  49         min-height: 70vh;
  50         //display: flex;
  51         justify-content: center;
  52         flex-flow: row wrap;
  53         width: @table-width;
  54         margin: auto;
  55         margin-bottom: 63px;
  56
  57         .app-gridster-header {
  58         background-color: @portalWhite;
  59
  60       }
  61
  62       .app-gridster-footer {
  63         background-color: @portalWhite;
  64       }
  65
  66       .user-notification-list-item {
  67         background-color: @portalWhite;
  68         border-radius: 2px;
  69         box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  70         display: inline-block;
  71         width: 360px;
  72         height: 300px;
  73         background-size: cover;
  74         cursor: pointer;
  75         margin: 15px;
  76         overflow: hidden;
  77
  78         .notification-item-info {
  79           background-color: @portalWhite;
  80           height: 120px;
  81           top: 180px;
  82           position: relative;
  83           box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.1);
  84           padding: 50px;
  85
  86           .info-title {
  87             //.a24r;
  88             .dBlue24r;  // AT&T Dark Blue
  89             margin-bottom: 4px;
  90
  91             text-overflow: ellipsis;
  92             overflow: hidden;
  93           }
  94           .info-description {
  95             .portalDBlue16r;  // omnes 16 regular
  96             text-overflow: ellipsis;
  97             white-space: nowrap;
  98             overflow: hidden;
  99           }
 100           .info-button {
 101             .btn-green;
 102             width: 96px;
 103             position: absolute;
 104             bottom: 16px;
 105             left: 16px;
 106           }
 107
 108           &:hover {
 109             opacity: .93;
 110             z-index: 3;
 111           }
 112         }
 113       }
 114     }
 115   }
 116
 117     .go-button {
 118         .btn-green;
 119         width: 96px;
 120         position: absolute;
 121         border-radius: 0px;
 122     }
 123     .user-notification-add-button {
 124     width: 160px;
 125     margin-bottom: 11px;
 126   }
 127
 128 }