mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Tweak breakpoint width for conversation avatar

Browse source 
This is the threshold window size where we toggle between large and
small avatar display in the conversation header.

// FREEBIE
This commit is contained in:
lilia 2015-11-29 18:40:30 -08:00
parent 87b0574973
commit 77623dde87
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
stylesheets/_conversation.scss
View file

@ -268,7 +268,7 @@
margin-left: 8px; margin-left: 8px;
max-width: 30em; max-width: 30em;
@media(max-width:950px) { @media(max-width:900px) {
max-width: calc(100% - 45px); // avatar size + padding max-width: calc(100% - 45px); // avatar size + padding
} }

2
stylesheets/_index.scss
View file

@ -70,7 +70,7 @@
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
} }
@media(min-width:950px) { @media(min-width:900px) {
.avatar { .avatar {
width: 70px; width: 70px;
height: 70px; height: 70px;

4
stylesheets/manifest.css
View file

@ -428,7 +428,7 @@ img.emoji {
width: 36px; width: 36px;
height: 36px; height: 36px;
line-height: 36px; } line-height: 36px; }
@media (min-width: 950px) { @media (min-width: 900px) {
.conversation-header .avatar { .conversation-header .avatar {
width: 70px; width: 70px;
height: 70px; height: 70px;
@ -764,7 +764,7 @@ input.search {
word-wrap: break-word; word-wrap: break-word;
margin-left: 8px; margin-left: 8px;
max-width: 30em; } max-width: 30em; }
@media (max-width: 950px) { @media (max-width: 900px) {
.message-detail .bubble, .message-detail .bubble,
.message-list .bubble { .message-list .bubble {
max-width: calc(100% - 45px); } } max-width: calc(100% - 45px); } }