css: Hide avatar on narrow screens.
authorRicardo Wurmus <rekado@elephly.net>
Mon, 30 Mar 2020 22:11:14 +0000 (00:11 +0200)
committerRicardo Wurmus <rekado@elephly.net>
Mon, 30 Mar 2020 22:11:14 +0000 (00:11 +0200)
assets/css/screen.css

index 7ebdf3850292602cc9a1bd3e0d5497a42b2f6f60..4177f5eded84997721e6e172f04d169c8a0fc88f 100644 (file)
@@ -124,15 +124,22 @@ table {
 }
 
 .conversation .avatar {
-    height: 64px;
-    width: 64px;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    color: #fff;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 58px;
+    display: none;
+}
+
+@media (min-width: 768px) {
+    .conversation .avatar {
+        height: 64px;
+        width: 64px;
+        border: 1px solid #ddd;
+        border-radius: 6px;
+        color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 58px;
+        position: absolute;
+    }
 }
 
 .address + .address:before {