Просмотр исходного кода

Responsive layout tweaks

The emoji toolbar now needs more space due to the skintone selector.
Ensure that there is enough space to display the selector.
Set min-width on the entire messenger to 440px.
Danilo Bargen 5 лет назад
Родитель
Сommit
7f8647d8b0
2 измененных файлов с 8 добавлено и 1 удалено
  1. 1 0
      src/sass/layout/_main.scss
  2. 7 1
      src/sass/layout/_responsive.scss

+ 1 - 0
src/sass/layout/_main.scss

@@ -43,6 +43,7 @@
     border-radius: $material-radius;
     box-shadow: $material-card-shadow;
     width: 100%;
+    min-width: 440px;
     height: 100%;
     overflow: hidden;
 }

+ 7 - 1
src/sass/layout/_responsive.scss

@@ -22,7 +22,13 @@
     }
 }
 
-@media (max-width: 600px) {
+@media (max-width: 750px) {
+    .twemoji-picker .tab label img {
+        margin: 3px 0 0 !important;
+    }
+}
+
+@media (max-width: 630px) {
     #messenger {
         &.show-detail {
             #navigation {