Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 1 | $list-indentation: 20px; |
| 2 | $arrow-margin: 30px; |
| 3 | $icon-margin: 30px; |
| 4 | $arrow-element-width: 30px; |
| 5 | $list-item-padding: 15px; |
| 6 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 7 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 8 | |
| 9 | $la-color: $dark-blue; |
| 10 | $fg-color: $blue; |
| 11 | $lkg-ep-color: $light-blue; |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame^] | 12 | @mixin overview-tile-shadow() { |
| 13 | @include box-shadow(0.5px 0.8px 4px 0 rgba(24, 24, 25, 0.05)); |
| 14 | } |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 15 | |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 16 | .license-model-overview { |
| 17 | .overview-top-section { |
| 18 | .overview-title{ |
| 19 | @extend .heading-1; |
| 20 | @extend .text-uppercase !optional; |
| 21 | margin-bottom: 20px; |
| 22 | color: $blue; |
| 23 | } |
| 24 | .license-model-overview-top { |
| 25 | display: flex; |
| 26 | justify-content: flex-start; |
| 27 | flex-direction: row; |
| 28 | padding-bottom: 10px; |
| 29 | min-height: 155px; |
| 30 | .separator { |
| 31 | width: 1px; |
| 32 | border-right: 1px solid $tlv-light-gray; |
| 33 | margin-left: 20px; |
| 34 | } |
| 35 | .vendor-data-view { |
| 36 | @extend .flex-column; |
| 37 | background-color: $tlv-gray; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 38 | padding: 13px 30px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 39 | border: 1px solid $tlv-light-gray; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 40 | @include overview-tile-shadow(); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 41 | .vendor-title { |
| 42 | margin-top:5px; |
| 43 | } |
| 44 | .vendor-name { |
Avi Ziv | b8e2faf | 2017-07-18 19:45:38 +0300 | [diff] [blame] | 45 | @extend .heading-4-semibold; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 46 | text-transform: none; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 47 | padding-bottom: 10px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 48 | border-bottom: 1px solid $tlv-light-gray; |
| 49 | } |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 50 | .vendor-description, .vendor-description-readonly { |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 51 | @extend .flex; |
| 52 | @extend .body-1; |
| 53 | justify-content: space-between; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 54 | overflow: hidden; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 55 | position: relative; |
| 56 | flex: initial; |
| 57 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 58 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 59 | &:not(.read-only) .vendor-description { |
| 60 | border: 1px solid transparent; |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 61 | width: 100%; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 62 | padding: 2px 0 2px 6px; |
| 63 | margin-top: 10px; |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 64 | position: relative; |
| 65 | .svg-icon-wrapper { |
| 66 | position: absolute;; |
| 67 | right:0; |
| 68 | top:0; |
| 69 | opacity: 0; |
| 70 | } |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 71 | $hover-padding-right: 16px; |
| 72 | @include percent-plus-value($property: width, $percent: 100%, $value: -$hover-padding-right); // compensate for padding added on hover |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 73 | &:hover { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 74 | padding-right: $hover-padding-right; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 75 | border: 1px solid $light-gray; |
| 76 | cursor: pointer; |
| 77 | |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 78 | background-color: $white; |
| 79 | .svg-icon-wrapper { |
| 80 | opacity: 1; |
| 81 | z-index: 10; |
| 82 | } |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 83 | .description-data:after { |
| 84 | background: white; |
| 85 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 86 | .description-data { |
| 87 | width: 100%; |
| 88 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 89 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 90 | } |
| 91 | |
| 92 | .vendor-description-readonly { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 93 | margin-top: 16px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 94 | } |
| 95 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 96 | .description-data { |
| 97 | @include multiline-ellipsis($lineCount: 3, $bgColor: $tlv-gray); |
| 98 | flex: initial; |
| 99 | } |
| 100 | |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 101 | .vendor-description-edit { |
| 102 | @extend .flex; |
| 103 | flex-direction: column; |
| 104 | border: none; |
| 105 | margin-top: 10px; |
| 106 | position: relative; |
| 107 | left: -6px; |
| 108 | width: 101%; |
| 109 | textarea { |
| 110 | padding-left: 6px; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 111 | resize: vertical; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 112 | } |
| 113 | .buttons-row { |
| 114 | @extend .flex; |
| 115 | justify-content: flex-end; |
| 116 | flex-direction: row; |
| 117 | margin-top: -25px; |
| 118 | .buttons-wrapper { |
| 119 | @extend .flex; |
| 120 | @extend .body-3; |
| 121 | border: 1px solid $light-gray; |
| 122 | width: 95px; |
| 123 | height: 19px; |
| 124 | background-color: $tlv-light-gray; |
| 125 | border-radius: 2px; |
| 126 | position: relative; |
| 127 | flex: 0 1 auto; |
| 128 | text-align: center; |
| 129 | .description-button { |
| 130 | cursor: pointer; |
| 131 | flex: 1; |
| 132 | &:hover { |
| 133 | background-color: $white; |
| 134 | } |
| 135 | } |
| 136 | .description-save { |
| 137 | cursor: pointer; |
| 138 | flex: 1; |
| 139 | color:$blue; |
| 140 | &:hover { |
| 141 | background-color: $white; |
| 142 | } |
| 143 | } |
| 144 | } |
| 145 | } |
| 146 | .description-edit-textarea { |
| 147 | height:67px; |
| 148 | border: 1px solid $tlv-light-gray; |
| 149 | resize: none; |
| 150 | position: relative; |
| 151 | left: -12px; |
| 152 | } |
miriame | 6ef2c12 | 2017-10-29 13:59:52 +0200 | [diff] [blame] | 153 | .validation-error-message.tooltip { |
| 154 | z-index: 1000; |
| 155 | .tooltip-inner { |
| 156 | background-color: $red; |
| 157 | } |
| 158 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 159 | } |
| 160 | } |
| 161 | .summary-count-list { |
| 162 | @extend .flex-column; |
| 163 | flex: 0.6; |
| 164 | margin-left: 20px; |
| 165 | justify-content: space-between; |
| 166 | border: 1px solid $tlv-light-gray; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 167 | @include overview-tile-shadow(); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 168 | background-color: $tlv-gray; |
| 169 | .summary-count-item { |
| 170 | @extend .flex; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 171 | @extend .heading-5-semibold; |
| 172 | align-items: center; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 173 | padding-left: 45px; |
| 174 | padding-right: 45px; |
| 175 | border-bottom: 1px solid $tlv-light-gray; |
| 176 | &:last-child { border-bottom: none; } |
| 177 | .item-count { |
| 178 | flex-grow: 2; |
| 179 | margin-left: 5px; |
| 180 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 181 | .summary-name-and-count { |
| 182 | width: 100%; |
| 183 | } |
| 184 | .svg-icon-wrapper { |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 185 | .svg-icon { |
| 186 | &.__plusCircle { |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 187 | margin-top: 3px; |
| 188 | margin-left: auto; |
| 189 | fill: $dark-gray; |
| 190 | &:hover { |
| 191 | fill: $blue; |
| 192 | } |
| 193 | } |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame^] | 194 | } |
| 195 | |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 196 | } |
| 197 | |
| 198 | .summary-name-and-count { |
| 199 | &:hover { |
| 200 | cursor: pointer; |
| 201 | color: $blue; |
| 202 | } |
| 203 | } |
| 204 | |
| 205 | |
| 206 | } |
| 207 | } |
| 208 | .plus-icon { |
| 209 | font-size: $icon-font-size; |
| 210 | border-radius: 50%; |
| 211 | border: 1px solid $black; |
| 212 | color: $black; |
| 213 | height: 16px; |
| 214 | width: 16px; |
| 215 | padding: 2px 2px 2px 3px; |
| 216 | } |
| 217 | } |
| 218 | } |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 219 | .vlm-list-tab-panel { |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 220 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 221 | @extend .flex; |
| 222 | margin-bottom: 7px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 223 | .section-title { |
| 224 | flex: 1; |
| 225 | } |
| 226 | .overview-buttons-section { |
| 227 | margin-top: 20px; |
| 228 | display: flex; |
| 229 | justify-content: flex-start; |
| 230 | .button-vlm-list-view { |
| 231 | height: 32px; |
| 232 | width: 34px; |
| 233 | margin-left:10px; |
| 234 | cursor: pointer; |
| 235 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 236 | /** |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 237 | .vlm-list-icon { |
| 238 | background-size: 32px; |
| 239 | background-repeat: no-repeat; |
| 240 | background-image: url($vlm-summary-used); |
| 241 | &.selected { |
| 242 | background-image: url($vlm-summary-used-blue); |
| 243 | } |
| 244 | } |
| 245 | .entities-list-icon { |
| 246 | background-size: 32px; |
| 247 | background-repeat: no-repeat; |
| 248 | background-image: url($vlm-summary-orphans); |
| 249 | &.selected { |
| 250 | background-image: url($vlm-summary-orphans-blue); |
| 251 | } |
| 252 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 253 | **/ |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 254 | } |
| 255 | } |
| 256 | |
| 257 | .overview-list-section { |
| 258 | @extend .flex-column; |
| 259 | margin-top: 35px; |
| 260 | .section-title { |
| 261 | @extend .heading-2; |
| 262 | padding-top: 20px; |
| 263 | margin-bottom: 15px; |
| 264 | padding-bottom: 0px; |
| 265 | } |
| 266 | &.overview-list-orphans { |
| 267 | .chevron::before |
| 268 | { |
| 269 | display: none; |
| 270 | } |
| 271 | .vlm-list-view { |
| 272 | .vlm-list { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 273 | .vlm-list-item.orphan-list-item { |
| 274 | @include overview-tile-shadow(); |
| 275 | margin-left: 0; |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 276 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 277 | .vlm-list-item-title { |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 278 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 279 | .item-name { |
| 280 | color: $dark-gray; |
| 281 | } |
| 282 | } |
| 283 | .list-item-icon-col { |
| 284 | .overview-list-icon { |
| 285 | background-color: $gray; |
| 286 | border-color: $gray; |
| 287 | } |
| 288 | } |
| 289 | .list-item-section { |
| 290 | &:first-child { |
| 291 | display: flex; |
| 292 | color: $white; |
| 293 | min-width: $arrow-element-width; |
| 294 | } |
| 295 | &.list-item-icon-col { |
| 296 | margin-left: 65px; |
| 297 | margin-right: 65px - $list-item-padding; |
| 298 | } |
| 299 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 300 | } |
| 301 | } |
| 302 | } |
| 303 | } |
| 304 | .vlm-list-view { |
| 305 | flex: 1; |
| 306 | .vlm-list { |
| 307 | @extend .flex; |
| 308 | flex-direction: column; |
| 309 | .vlm-list-item { |
| 310 | @include border-shadow(); |
| 311 | min-height: 90px; |
| 312 | height: 90px; |
| 313 | background-color: $tlv-gray; |
| 314 | @extend .flex; |
| 315 | border: 1px solid $tlv-light-gray; |
| 316 | margin-bottom: 0px; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 317 | .clickable { |
| 318 | cursor: pointer; |
| 319 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 320 | |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 321 | .list-item-section { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 322 | .count-value { |
| 323 | @extend .body-3; |
| 324 | } |
| 325 | &.list-item-icon-col { |
| 326 | display: flex; |
| 327 | flex-direction: column; |
| 328 | justify-content: center; |
| 329 | align-items: center; |
| 330 | padding: 0; |
| 331 | margin-right: 40px - $list-item-padding; |
| 332 | margin-left: $icon-margin; |
| 333 | .overview-list-icon { |
| 334 | @extend .body-2; |
| 335 | } |
| 336 | } |
| 337 | padding: 15px; |
| 338 | &.list-item-arrow-col { |
| 339 | padding: 0; |
| 340 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 341 | .children-count { |
| 342 | @extend .body-1; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 343 | color: $gray; |
| 344 | padding-left: 5px; |
| 345 | .count-value { |
| 346 | padding: 0 5px; |
| 347 | } |
| 348 | } |
| 349 | .additional-data { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 350 | padding-left: 60px; |
| 351 | display: flex; |
| 352 | flex-direction: column; |
| 353 | justify-content: space-between; |
| 354 | *:last-child { |
| 355 | margin-top: 20px; |
| 356 | } |
| 357 | *:only-child { |
| 358 | margin-top: 0; |
| 359 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 360 | .additional-data-name { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 361 | @extend .body-2-semibold; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 362 | } |
| 363 | } |
| 364 | .additional-data-col-border { |
| 365 | border-left: 1px solid $tlv-light-gray; |
| 366 | min-height: 100%; |
| 367 | height: 100%; |
| 368 | } |
| 369 | } |
| 370 | .list-item-additional-data-col { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 371 | @extend .body-2; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 372 | @extend .flex; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 373 | align-items: stretch; |
| 374 | flex: 0.8; |
| 375 | margin-left: 30px; |
| 376 | padding-top: 17px; |
| 377 | padding-bottom: 11px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 378 | } |
| 379 | .arrow-icon { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 380 | align-self: center; |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 381 | |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 382 | } |
| 383 | .vlm-item-info { |
| 384 | flex: 1; |
| 385 | } |
| 386 | .vlm-list-item-title { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 387 | @extend .flex; |
| 388 | align-items: baseline; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 389 | .item-name { |
Avi Ziv | b8e2faf | 2017-07-18 19:45:38 +0300 | [diff] [blame] | 390 | @extend .heading-5-semibold; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 391 | flex: 0 1 auto; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 392 | margin-bottom: 4px; |
| 393 | text-transform: uppercase; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 394 | } |
| 395 | } |
| 396 | .vlm-list-item-description { |
| 397 | @extend .body-1; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 398 | @include multiline-ellipsis($lineCount: 3, $bgColor: $tlv-gray); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 399 | max-height: 38px; |
| 400 | } |
| 401 | &.vlm-list-item-la { |
| 402 | margin-top: 10px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 403 | .la-icon { |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame^] | 404 | @include create-circle($circle-icon-size, $la-color); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 405 | color: $white; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 406 | } |
| 407 | .vlm-list-item-title { |
| 408 | .item-name { |
| 409 | color: $la-color; |
| 410 | } |
| 411 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 412 | .list-item-section { |
| 413 | |
| 414 | &:first-child { |
| 415 | display: flex; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 416 | color: $la-color; |
| 417 | min-width: $arrow-element-width; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 418 | } |
| 419 | } |
| 420 | .list-item-arrow-col { |
| 421 | flex: 0.01; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 422 | margin-left: $arrow-margin; |
| 423 | justify-content: center; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 424 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 425 | } |
| 426 | &.vlm-list-item-fg { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 427 | margin-left: $list-indentation; |
| 428 | margin-top: 10px; |
| 429 | .fg-pipeline-separator { |
| 430 | color: $dark-gray; |
| 431 | padding: 0 5px; |
| 432 | } |
| 433 | .list-item-icon-col { |
| 434 | margin-left: 29px; |
| 435 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 436 | .fg-icon { |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame^] | 437 | @include create-circle($circle-icon-size, $fg-color); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 438 | color: $white; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 439 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 440 | |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 441 | .vlm-list-item-title { |
| 442 | .item-name { |
| 443 | color: $fg-color; |
| 444 | } |
| 445 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 446 | .list-item-section { |
| 447 | &:first-child { |
| 448 | display: flex; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 449 | color: $fg-color; |
| 450 | min-width: $arrow-element-width; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 451 | |
| 452 | } |
| 453 | } |
| 454 | .list-item-arrow-col { |
| 455 | flex: 0.01; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 456 | margin-left: $arrow-margin - $list-indentation; |
| 457 | padding-left: $list-indentation; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 458 | } |
| 459 | } |
| 460 | &.vlm-list-item-ep { |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 461 | margin-left: $list-indentation * 2; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 462 | margin-top: 10px; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 463 | cursor: default; |
| 464 | .ep-icon { |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame^] | 465 | @include create-circle($circle-icon-size, $lkg-ep-color); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 466 | color: $white; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 467 | } |
| 468 | .vlm-list-item-title { |
| 469 | .item-name { |
| 470 | color: $lkg-ep-color; |
| 471 | } |
| 472 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 473 | .list-item-section { |
| 474 | &:first-child { |
| 475 | display: none; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 476 | } |
| 477 | &.list-item-icon-col { |
| 478 | margin-left: 52px; |
| 479 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 480 | } |
az2497 | 644017c | 2017-08-10 17:49:40 +0300 | [diff] [blame] | 481 | |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 482 | } |
| 483 | &.vlm-list-item-lkg { |
| 484 | margin-top: 10px; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 485 | margin-left: $list-indentation * 2; |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 486 | cursor: default; |
| 487 | .lkg-icon { |
talig | 8e9c065 | 2017-12-20 14:30:43 +0200 | [diff] [blame^] | 488 | @include create-circle($circle-icon-size, $lkg-ep-color); |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 489 | color: $white; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 490 | } |
| 491 | .vlm-list-item-title { |
| 492 | .item-name { |
| 493 | color: $lkg-ep-color; |
| 494 | } |
| 495 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 496 | .list-item-section { |
| 497 | &:first-child { |
| 498 | display: none; |
Avi Ziv | 61070c9 | 2017-07-26 17:37:57 +0300 | [diff] [blame] | 499 | } |
| 500 | &.list-item-icon-col { |
| 501 | margin-left: 52px; |
| 502 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 503 | |
| 504 | } |
AviZi | 280f801 | 2017-06-09 02:39:56 +0300 | [diff] [blame] | 505 | } |
| 506 | } |
| 507 | |
| 508 | } |
| 509 | } |
| 510 | } |
| 511 | |
| 512 | } |