diff options
| author | Ricardo Wurmus <rekado@elephly.net> | 2020-03-31 00:11:14 +0200 |
|---|---|---|
| committer | Ricardo Wurmus <rekado@elephly.net> | 2020-03-31 00:11:14 +0200 |
| commit | 7ee4244598c0973ef9a4fde3d32998c435522ba3 (patch) | |
| tree | 10df5471aaaf2a8ac90820e41c26cf6cbf4a6924 /assets/css | |
| parent | c4730af97cf60a6159ad73437b27426cd9bfada6 (diff) | |
css: Hide avatar on narrow screens.
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/screen.css | 25 |
1 files changed, 16 insertions, 9 deletions
diff --git a/assets/css/screen.css b/assets/css/screen.css index 7ebdf38..4177f5e 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -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 { |