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

iOS: Center images in bubble, shrink bubble down to image size

Browse source
This commit is contained in:
Scott Nonnenberg 2018-04-16 16:23:12 -07:00
parent 5af5bbdb0f
commit 6a4acc813c
No known key found for this signature in database
GPG key ID: 5F82280C35134661
1 changed files with 29 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
stylesheets/_ios.scss
View file

@ -286,26 +286,39 @@ $ios-border-color: rgba(0,0,0,0.1);
clear: both;
}
.outgoing .with-tail.tail-wrapper {
.outgoing .tail-wrapper {
float: right;
.inner-bubble {
.attachments {
background-color: $blue;
}
.content {
background-color: $blue;
}
max-width: 100%;
&, .body, a {
@include invert-text-color;
}
}
}
.incoming .tail-wrapper {
float: left;
.inner-bubble {
max-width: 100%;
}
}
// We don't add a background to the attachments div unless there's also text. The
// browser doesn't always clip the border-radius properly, so we get a partial-pixel
// halo effect.
.outgoing .with-tail.tail-wrapper {
.attachments {
background-color: $blue;
}
.content {
background-color: $blue;
}
&, .body, a {
@include invert-text-color;
}
}
.incoming .with-tail.tail-wrapper {
float: left;
&:before {
left: -1px;
background-color: white;
@ -317,7 +330,6 @@ $ios-border-color: rgba(0,0,0,0.1);
.inner-bubble {
background-color: white;
color: black;
max-width: 100%;
}
}
@ -338,6 +350,10 @@ $ios-border-color: rgba(0,0,0,0.1);
a {
border-radius: 15px;
}
img {
margin-right: auto;
margin-left: auto;
}
}
.hourglass {
@include hourglass(#999);