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.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. color: $defaultDarkFontColor;
  34. margin-top: 10px;
  35. text-align: center;
  36. &.is-selected {
  37. .desktop-source-preview-image-container {
  38. background: rgba(0, 0, 0, 0.1);
  39. border-radius: $borderRadius;
  40. }
  41. }
  42. }
  43. .desktop-source-preview-label {
  44. margin-top: 3px;
  45. overflow: hidden;
  46. text-overflow: ellipsis;
  47. white-space: nowrap;
  48. }
  49. .desktop-source-preview-thumbnail {
  50. box-shadow: 5px 5px 5px grey;
  51. height: auto;
  52. max-width: 100%;
  53. }
  54. .desktop-source-preview-image-container {
  55. padding: 10px;
  56. }