Sfoglia il codice sorgente

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 anni fa
parent
commit
7f8647d8b0
2 ha cambiato i file con 8 aggiunte e 1 eliminazioni
  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 {