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.

_virtual-background.scss 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .virtual-background-dialog {
  2. display: inline-grid;
  3. grid-template-columns: auto auto auto auto auto auto auto auto;
  4. max-width: 370px;
  5. cursor: pointer;
  6. .thumbnail {
  7. border-radius: 10px;
  8. object-fit: cover;
  9. padding: 5px;
  10. height: 40px;
  11. width: 40px;
  12. }
  13. .thumbnail:hover ~ .delete-image-icon {
  14. display: block;
  15. }
  16. .thumbnail-selected {
  17. border-radius: 10px;
  18. object-fit: cover;
  19. padding: 5px;
  20. height: 40px;
  21. width: 40px;
  22. border: 2px solid #a4b8d1;
  23. }
  24. .blur-selected {
  25. border-radius: 10px;
  26. border: 2px solid #a4b8d1;
  27. }
  28. .virtual-background-none {
  29. font-weight: bold;
  30. padding: 5px;
  31. height: 34px;
  32. width: 34px;
  33. border-radius: 10px;
  34. border: 1px solid #a4b8d1;
  35. text-align: center;
  36. vertical-align: middle;
  37. line-height: 35px;
  38. margin-right: 5px;
  39. }
  40. .none-selected {
  41. font-weight: bold;
  42. padding: 5px;
  43. height: 34px;
  44. width: 34px;
  45. border-radius: 10px;
  46. border: 2px solid #a4b8d1;
  47. text-align: center;
  48. vertical-align: middle;
  49. line-height: 35px;
  50. margin-right: 5px;
  51. }
  52. }
  53. .modal-dialog-form .virtual-background-loading {
  54. overflow: hidden;
  55. }
  56. .file-upload-btn {
  57. display: none;
  58. }
  59. .custom-file-upload {
  60. font-size: x-large;
  61. font-weight: bold;
  62. display: inline-block;
  63. padding: 4px;
  64. height: 35px;
  65. width: 35px;
  66. border-radius: 10px;
  67. border: 1px solid #a4b8d1;
  68. text-align: center;
  69. vertical-align: middle;
  70. line-height: 35px;
  71. margin-left: 5px;
  72. cursor: pointer;
  73. }
  74. .delete-image-icon {
  75. position: absolute;
  76. display: none;
  77. left: 36;
  78. bottom: 36;
  79. }
  80. .delete-image-icon:hover {
  81. display: block;
  82. }
  83. .thumbnail-container {
  84. position: relative;
  85. }
  86. .loading-content-text{
  87. margin-right: 15px;
  88. }