thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

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;
max-width: 30em;
@media(max-width:950px) {
@media(max-width:900px) {
max-width: calc(100% - 45px); // avatar size + padding
}

2
stylesheets/_index.scss
View file

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

4
stylesheets/manifest.css
View file

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