| @@ -35,9 +35,9 @@ | ||
| 35 | 35 | } |
| 36 | 36 | .awsm-team-customize-inner { |
| 37 | 37 | padding: 15px 0; |
| 38 | 38 | } |
| 39 | -.awsm-preset-list, .awsm-team-customize-member, .awsm-section { | |
| 39 | +.awsm-preset-list, .awsm-team-customize-member, .awsm-section, .awsm-team-member-sorting { | |
| 40 | 40 | margin-top: 0; |
| 41 | 41 | padding-bottom: 30px; |
| 42 | 42 | margin-bottom: 20px; |
| 43 | 43 | border-bottom: 1px solid #ddd; |
| @@ -79,16 +79,12 @@ | ||
| 79 | 79 | font-size: 12px; |
| 80 | 80 | color: rgba(10, 10, 10, 0.6); |
| 81 | 81 | } |
| 82 | 82 | .awsm-select-members { |
| 83 | - max-width: 400px; | |
| 84 | - margin-left: auto; | |
| 85 | - margin-right: auto; | |
| 83 | + max-width: 500px; | |
| 86 | 84 | } |
| 87 | 85 | .wrap-awsm-members-list-selected, .awsm-members-list-selected { |
| 88 | - max-width: 400px; | |
| 89 | - margin-left: auto; | |
| 90 | - margin-right: auto; | |
| 86 | + max-width: 500px; | |
| 91 | 87 | } |
| 92 | 88 | .awsm-members-list-selected { |
| 93 | 89 | position: relative; |
| 94 | 90 | } |
| @@ -103,8 +99,21 @@ | ||
| 103 | 99 | }*/ |
| 104 | 100 | .awsm-select-members > ul { |
| 105 | 101 | cursor: default; |
| 106 | 102 | } |
| 103 | +.awsm-team-member-random-order{ | |
| 104 | + padding-top: 20px; | |
| 105 | +} | |
| 106 | +.awsm-team-member-random-order label{ | |
| 107 | + font-size: 14px; | |
| 108 | + margin-bottom: 5px; | |
| 109 | + display: inline-block; | |
| 110 | +} | |
| 111 | +.awsm-team-member-random-order span{ | |
| 112 | + display: block; | |
| 113 | + font-size: 12px; | |
| 114 | + color: rgba(10, 10, 10, 0.6); | |
| 115 | +} | |
| 107 | 116 | .select-arrow { |
| 108 | 117 | float: right; |
| 109 | 118 | font-weight: bold; |
| 110 | 119 | margin-top: 5px; |
| @@ -230,11 +239,40 @@ | ||
| 230 | 239 | } |
| 231 | 240 | .awsm-team-customize-footer { |
| 232 | 241 | text-align: right; |
| 233 | 242 | } |
| 243 | +.awsm-sorable-table-label, #member_details label{ | |
| 244 | + font-weight: bold; | |
| 245 | + margin-bottom: 10px; | |
| 246 | +} | |
| 247 | +#member_details label{ | |
| 248 | + display: block; | |
| 249 | +} | |
| 234 | 250 | .awsm-sorable-table { |
| 235 | 251 | position: relative; |
| 252 | + border-collapse: collapse; | |
| 236 | 253 | } |
| 254 | +.awsm-sorable-table td{ | |
| 255 | + border: 1px solid #ccc; | |
| 256 | + padding: 10px; | |
| 257 | + background: #fff; | |
| 258 | +} | |
| 259 | +.awsm-sorable-table thead td { | |
| 260 | + background: #efefef; | |
| 261 | +} | |
| 262 | +.awsm-sorable-table tbody tr:nth-child(2n) td{ | |
| 263 | + background: #efefef; | |
| 264 | +} | |
| 265 | +.awsm-sorable-table .remove-row{ | |
| 266 | + color: #E85F5B; | |
| 267 | + border-color: #E85F5B; | |
| 268 | + background: rgba(232, 95, 91, 0.05); | |
| 269 | +} | |
| 270 | +.awsm-sorable-table .remove-row:hover, .awsm-sorable-table .remove-row:focus{ | |
| 271 | + background: rgba(232, 95, 91, 0.15); | |
| 272 | + color: #E85F5B; | |
| 273 | + border-color: #E85F5B; | |
| 274 | +} | |
| 237 | 275 | #member_details .awsm-sorable-table tbody tr:first-child td:last-child .remove-row { |
| 238 | 276 | display: none; |
| 239 | 277 | } |
| 240 | 278 | #member_details .awsm-sorable-table .ui-sortable-helper { |
| @@ -245,19 +283,8 @@ | ||
| 245 | 283 | -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07); |
| 246 | 284 | box-shadow: inset 0 1px 2px rgba(0,0,0,.07); |
| 247 | 285 | border-radius: 0; |
| 248 | 286 | } |
| 249 | -#member_details .inside{ | |
| 250 | - padding: 0 0 12px; | |
| 251 | -} | |
| 252 | -#member_details .member-details-section{ | |
| 253 | - padding: 0 12px; | |
| 254 | -} | |
| 255 | -#member_details .inside h3{ | |
| 256 | - font-size: 14px; | |
| 257 | - padding: 12px 12px 0; | |
| 258 | - border-top: 1px solid #eee; | |
| 259 | -} | |
| 260 | 287 | |
| 261 | 288 | /********* select2 Style ************/ |
| 262 | 289 | |
| 263 | 290 | |
| @@ -276,16 +303,11 @@ | ||
| 276 | 303 | .awsm-select-members .select2-container--default .select2-selection--single .select2-selection__arrow { |
| 277 | 304 | height: 50px; |
| 278 | 305 | width: 40px |
| 279 | 306 | } |
| 280 | -.select2-result-repository { | |
| 281 | - position: relative; | |
| 282 | - padding: 10px; | |
| 283 | -} | |
| 307 | + | |
| 284 | 308 | .select2-result-repository__title { |
| 285 | - display: inline-block; | |
| 286 | - vertical-align: middle; | |
| 287 | - margin: 0; | |
| 309 | + margin: 5px 0 0; | |
| 288 | 310 | } |
| 289 | 311 | .select2-result-repository__avatar { |
| 290 | 312 | display: inline-block; |
| 291 | 313 | vertical-align: middle; |
| @@ -296,8 +318,169 @@ | ||
| 296 | 318 | right: 20px; |
| 297 | 319 | top: 20px; |
| 298 | 320 | cursor: pointer; |
| 299 | 321 | color: #b9bec0; |
| 322 | +} | |
| 323 | +.awsm-select-teams #teamchecklist li { | |
| 324 | + line-height: 22px; | |
| 325 | + word-wrap: break-word; | |
| 326 | +} | |
| 327 | +#team-add input[type="text"], #team-add select { | |
| 328 | + width: 100%; | |
| 329 | + max-width: 260px; | |
| 330 | + vertical-align: baseline; | |
| 331 | + | |
| 332 | +} | |
| 333 | +#team-adder #team-add #link-team-add-submit { | |
| 334 | + margin: 10px 0 0 0; | |
| 335 | +} | |
| 336 | +/*.awsm-team-choose .awsm-team-choose-inner .awsm-select-teams .{ | |
| 337 | + min-height: 42px; | |
| 338 | + max-height: 200px; | |
| 339 | + overflow: auto; | |
| 340 | + padding: 0 .9em; | |
| 341 | + border: solid 1px #ddd; | |
| 342 | + background-color: #fdfdfd; | |
| 343 | +}*/ | |
| 344 | +.awsm-align-right { margin:0 10px 0 0px; } | |
| 345 | +.awsm-filter-show.show{ display: block; } | |
| 346 | +.awsm-filter-show{ display: none; } | |
| 347 | + | |
| 348 | +#select2-awsm-members-results{ | |
| 349 | + display: -webkit-box; | |
| 350 | + display: -moz-box; | |
| 351 | + display: -ms-flexbox; | |
| 352 | + display: -webkit-flex; | |
| 353 | + display: flex; | |
| 354 | + display: flexbox; | |
| 355 | + -webkit-flex-flow: row wrap; | |
| 356 | + flex-flow: row wrap; | |
| 357 | + margin: 10px 0; | |
| 358 | +} | |
| 359 | +#select2-awsm-members-results .select2-results__option{ | |
| 360 | + display: -webkit-box; | |
| 361 | + display: -moz-box; | |
| 362 | + display: -ms-flexbox; | |
| 363 | + display: -webkit-flex; | |
| 364 | + display: flex; | |
| 365 | + flex-direction: column; | |
| 366 | + -webkit-flex-direction: column; | |
| 367 | + padding: 0 8px; | |
| 368 | + margin-bottom: 16px; | |
| 369 | + width: 25%; | |
| 370 | + background: none !important; | |
| 371 | + color: #444 !important; | |
| 372 | + text-align: center; | |
| 373 | +} | |
| 374 | +.awsm-member-thumb{ | |
| 375 | + position: relative; | |
| 376 | + padding-top: 100%; | |
| 377 | + overflow: hidden; | |
| 378 | +} | |
| 379 | +.awsm-member-thumb img{ | |
| 380 | + max-width: 100%; | |
| 381 | + height: auto; | |
| 382 | + position: absolute; | |
| 383 | + left: 0; | |
| 384 | + top: 0; | |
| 385 | + right: 0; | |
| 386 | + bottom: 0; | |
| 387 | + margin: auto; | |
| 388 | +} | |
| 389 | +/* .awsm-member-thumb span{ | |
| 390 | + | |
| 391 | +} */ | |
| 392 | +.awsm-member-thumb::before{ | |
| 393 | + content: "\e921"; | |
| 394 | + font-family: 'awsmicon'; | |
| 395 | + width: 40px; | |
| 396 | + height: 40px; | |
| 397 | + border: 1px solid #fff; | |
| 398 | + border-radius: 50%; | |
| 399 | + position: absolute; | |
| 400 | + left: calc(50% - 20px); | |
| 401 | + top: calc(50% - 20px); | |
| 402 | + text-align: center; | |
| 403 | + line-height: 38px; | |
| 404 | + color: #fff; | |
| 405 | + font-size: 20px; | |
| 406 | + z-index: 2; | |
| 407 | + opacity: 0; | |
| 408 | + transition: all 0.3s ease; | |
| 409 | +} | |
| 410 | +.select2-container--default .select2-results__option[aria-disabled="true"] .awsm-member-thumb::before, | |
| 411 | +.select2-container--default .select2-results__option[member-disabled="true"] .awsm-member-thumb::before{ | |
| 412 | + opacity: 1; | |
| 413 | +} | |
| 414 | +.select2-container--default .select2-results__option .awsm-member-thumb::after{ | |
| 415 | + content: ""; | |
| 416 | + position: absolute; | |
| 417 | + left: 0; | |
| 418 | + top: 0; | |
| 419 | + right: 0; | |
| 420 | + bottom: 0; | |
| 421 | + background: rgba(0, 0, 0, 0); | |
| 422 | + transition: all 0.3s ease; | |
| 423 | +} | |
| 424 | +.select2-container--default .select2-results__option[aria-disabled="true"] .awsm-member-thumb::after, | |
| 425 | +.select2-container--default .select2-results__option[member-disabled="true"] .awsm-member-thumb::after, | |
| 426 | +.select2-container--default .select2-results__option:hover .awsm-member-thumb::after{ | |
| 427 | + background: rgba(0, 0, 0, 0.5); | |
| 428 | +} | |
| 429 | +.awsm-filter-show .select2-container--default .select2-selection--multiple .select2-selection__choice{ | |
| 430 | + background-color: #e4e4e4; | |
| 431 | + border: none; | |
| 432 | + border-radius: 4px; | |
| 433 | + cursor: default; | |
| 434 | + float: left; | |
| 435 | + margin-right: 5px; | |
| 436 | + margin-top: 5px; | |
| 437 | + padding: 6px 14px; | |
| 438 | +} | |
| 439 | +.awsm-filter-show .select2-container--default .select2-results__option{ | |
| 440 | + position: relative; | |
| 441 | + padding: 12px 40px 12px 10px; | |
| 442 | +} | |
| 443 | +.awsm-filter-show .select2-container--default .select2-results__option::after{ | |
| 444 | + content: "\e921"; | |
| 445 | + font-family: 'awsmicon'; | |
| 446 | + position: absolute; | |
| 447 | + right: 10px; | |
| 448 | + font-size: 20px; | |
| 449 | + top: calc(50% - 10px); | |
| 450 | + color: #39C085; | |
| 451 | + transition: all 0.3s ease; | |
| 452 | + opacity: 0; | |
| 453 | +} | |
| 454 | +.awsm-filter-show .select2-container--default .select2-results__option[aria-selected=true]{ | |
| 455 | + background: none !important; | |
| 456 | + position: relative; | |
| 457 | +} | |
| 458 | +.awsm-filter-show .select2-container--default .select2-results__option[aria-selected=true]::after{ | |
| 459 | + opacity: 1; | |
| 460 | +} | |
| 461 | +.awsm-filter-show .select2-container--default .select2-results__option--highlighted[aria-selected]{ | |
| 462 | + background: none !important; | |
| 463 | + color: #444 !important; | |
| 464 | +} | |
| 465 | +.awsm-filter-show .select2-container--default .select2-results__option[aria-disabled=true]{ | |
| 466 | + pointer-events: none; | |
| 467 | + opacity: 0.8; | |
| 468 | +} | |
| 469 | +.awsm-filter-show .select2-container--default .select2-results__option:hover{ | |
| 470 | + background: #eee !important; | |
| 471 | +} | |
| 472 | +.select2-container .select2-search--dropdown .select2-search__field{ | |
| 473 | + min-height: 30px !important; | |
| 474 | + border-color: #ccc !important; | |
| 475 | +} | |
| 476 | +.select2-container .select2-search--dropdown .select2-search__field:focus{ | |
| 477 | + box-shadow: none !important; | |
| 478 | + outline: none !important; | |
| 479 | + border-color: #111 !important; | |
| 480 | +} | |
| 481 | +.awsm-filter-show .select2-container--default.select2-container--focus .select2-selection--multiple, .awsm-filter-show .select2-dropdown{ | |
| 482 | + border-color: #acacac; | |
| 300 | 483 | } |
| 301 | 484 | .awsm-team-upgrade-msg h3{ |
| 302 | 485 | text-align: center; |
| 303 | 486 | line-height: 1.7; |
