You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_desktop-picker.scss 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .desktop-picker-pane {
  2. height: 320px;
  3. overflow-x: hidden;
  4. overflow-y: auto;
  5. width: 100%;
  6. &.source-type-screen {
  7. .desktop-picker-source {
  8. margin-left: auto;
  9. margin-right: auto;
  10. width: 50%;
  11. }
  12. .desktop-source-preview-thumbnail {
  13. width: 100%;
  14. }
  15. .desktop-source-preview-label {
  16. display: none;
  17. }
  18. }
  19. &.source-type-window {
  20. .desktop-picker-source {
  21. display: inline-block;
  22. width: 30%;
  23. }
  24. }
  25. &-spinner {
  26. justify-content: center;
  27. display: flex;
  28. height: 100%;
  29. align-items: center;
  30. }
  31. }
  32. .desktop-picker-source {
  33. margin-top: 10px;
  34. text-align: center;
  35. &.is-selected {
  36. .desktop-source-preview-image-container {
  37. background: rgba(255,255,255,0.3);
  38. border-radius: $borderRadius;
  39. }
  40. }
  41. }
  42. .desktop-source-preview-label {
  43. margin-top: 3px;
  44. overflow: hidden;
  45. text-overflow: ellipsis;
  46. white-space: nowrap;
  47. }
  48. .desktop-source-preview-thumbnail {
  49. box-shadow: 5px 5px 5px grey;
  50. height: auto;
  51. max-width: 100%;
  52. }
  53. .desktop-source-preview-image-container {
  54. padding: 10px;
  55. }