catalog-ui/src/app/view-models/modals/onboarding-modal/onboarding-modal.less

   1 .w-sdc-modal-onboarding {
   2
   3     width: 100%;
   4     display: inline-block;
   5
   6     .general-info-button{
   7         position: relative;
   8         top: -40px;
   9         left: 95px;
  10         float: left;
  11     }
  12
  13     .title-wrapper {
  14         display: flex;
  15         justify-content: space-between;
  16         align-items: flex-end;
  17
  18         .sub-title {
  19             .m_14_r;
  20             float:left;
  21         }
  22     }
  23
  24     .w-sdc-classic-btn {
  25         float: right;
  26         margin-bottom: 10px;
  27     }
  28
  29     .table{
  30         height: 472px;
  31         margin-bottom: 0;
  32     }
  33
  34     .table-container-flex {
  35         margin-top: 10px;
  36
  37         .table {
  38             .body {
  39                 .data-row + div.item-opened {
  40                     word-wrap: break-word;
  41                     display: flex;
  42                     justify-content: space-between;
  43                     padding: 10px 0;
  44
  45                     .item-opened-description-title,
  46                     .item-opened-metadata-title {
  47                         .m_14_m;
  48                     }
  49
  50                     .item-opened-description,
  51                     .item-opened-metadata1,
  52                     .item-opened-metadata2,
  53                     .item-opened-metadata3 {
  54                         .th { .m_14_m; }
  55                         flex-basis: 0;
  56                         overflow: hidden;
  57                         padding: 5px 15px;
  58                     }
  59
  60                     .item-opened-description,
  61                     .item-opened-metadata3 {
  62                         border-right: 1px solid @main_color_o;
  63                     }
  64
  65                     .item-opened-metadata2 {
  66                         word-break: break-word;
  67                         .note {
  68                             color: @func_color_q;
  69                         }
  70                     }
  71
  72                     .item-opened-icon {
  73                         flex-basis: 0;
  74                         overflow: hidden;
  75                         padding: 5px 15px;
  76                         align-self: center;
  77                     }
  78
  79                     .item-opened-description {flex-grow: 25.3;}
  80                     .item-opened-metadata1 {flex-grow: 25;}
  81                     .item-opened-metadata2 {flex-grow: 45;}
  82                     .item-opened-metadata3 {
  83                         flex-grow: 10;
  84                         .info-button{
  85                             float: right;
  86                         }
  87                     }
  88                     .item-opened-icon {flex-grow: 10.1;}
  89                 }
  90             }
  91         }
  92
  93         .flex-item:nth-child(1) {
  94             flex-grow: 25;
  95             .hand;
  96             span.table-arrow {
  97                 margin-right: 7px;
  98             }
  99         }
 100
 101         .flex-item:nth-child(2) {flex-grow: 25;}
 102         .flex-item:nth-child(3) {flex-grow: 30;}
 103         .flex-item:nth-child(4) {flex-grow: 10; text-align: center; }
 104         .flex-item:nth-child(5) {flex-grow: 10; text-align: center; }
 105         .flex-item:nth-child(6) {flex-grow: 10; }
 106
 107     }
 108
 109     .download-file-btn {
 110         cursor: pointer;
 111         margin-left: 4px;
 112     }
 113
 114     .refresh-file-btn,
 115     .import-file-btn {
 116         cursor: pointer;
 117         margin-left: 20px;
 118     }
 119
 120     .top-search {
 121         float: right;
 122         position: relative;
 123
 124         input.search-text {
 125             .border-radius(2px);
 126             width: 245px;
 127             height: 32px;
 128             line-height: 32px;
 129             border: 1px solid @main_color_o;
 130             margin: 0;
 131             outline: none;
 132             text-indent: 10px;
 133
 134             &::-webkit-input-placeholder { font-style: italic; } /* Safari, Chrome and Opera */
 135             &:-moz-placeholder { font-style: italic; } /* Firefox 18- */
 136             &::-moz-placeholder { font-style: italic; } /* Firefox 19+ */
 137             &:-ms-input-placeholder { font-style: italic; } /* IE 10+ */
 138             &:-ms-input-placeholder { font-style: italic; } /* Edge */
 139         }
 140
 141         .magnification {
 142             position: absolute;
 143             top: 10px;
 144             right: 10px;
 145         }
 146
 147     }
 148
 149 }