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.

_responsive.scss 3.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. @media only screen and (max-width: $smallScreen) {
  2. .watermark {
  3. width: 20%;
  4. height: 20%;
  5. }
  6. .new-toolbox {
  7. .toolbox-content {
  8. .button-group-center, .button-group-left, .button-group-right {
  9. .toolbox-button {
  10. .toolbox-icon {
  11. width: 28px;
  12. height: 28px;
  13. svg {
  14. width: 18px;
  15. height: 18px;
  16. }
  17. }
  18. &:nth-child(2) {
  19. .toolbox-icon {
  20. width: 30px;
  21. height: 30px;
  22. }
  23. }
  24. }
  25. }
  26. }
  27. }
  28. }
  29. @media only screen and (max-width: $verySmallScreen) {
  30. .welcome {
  31. #enter_room {
  32. position: relative;
  33. height: 42px;
  34. .welcome-page-button {
  35. font-size: 16px;
  36. left: 0;
  37. position: absolute;
  38. top: 68px;
  39. text-align: center;
  40. width: 100%;
  41. }
  42. }
  43. .header {
  44. background: #06345E;
  45. background-image: linear-gradient(180deg, rgba(8, 110, 202, 0.8) 0%, rgba(8, 110, 202, 0) 100%);
  46. #enter_room {
  47. .enter-room-input-container {
  48. padding-right: 0;
  49. }
  50. .warning-without-link,
  51. .warning-with-link {
  52. top: 120px;
  53. }
  54. }
  55. }
  56. .welcome-tabs {
  57. display: none;
  58. }
  59. .header-text-title {
  60. text-align: center;
  61. }
  62. .welcome-cards-container {
  63. padding: 0;
  64. }
  65. &.without-content {
  66. .header {
  67. height: 100%;
  68. }
  69. }
  70. #moderated-meetings {
  71. display: none;
  72. }
  73. .welcome-footer-row-block {
  74. display: block;
  75. }
  76. .welcome-badge {
  77. margin-right: 16px;
  78. }
  79. }
  80. #videoResolutionLabel {
  81. display: none;
  82. }
  83. .desktop-browser {
  84. .vertical-filmstrip .filmstrip {
  85. display: none;
  86. }
  87. }
  88. .new-toolbox {
  89. .toolbox-content {
  90. .button-group-center, .button-group-left, .button-group-right {
  91. .settings-button-small-icon {
  92. display: none;
  93. }
  94. .toolbox-button {
  95. .toolbox-icon {
  96. width: 18px;
  97. height: 18px;
  98. svg {
  99. width: 12px;
  100. height: 12px;
  101. }
  102. }
  103. &:nth-child(2) {
  104. .toolbox-icon {
  105. width: 20px;
  106. height: 20px;
  107. }
  108. }
  109. }
  110. }
  111. }
  112. }
  113. .chrome-extension-banner {
  114. display: none;
  115. }
  116. }