session-desktop/stylesheets/_android.scss
lilia 333ed3bc17
Fix file icons on android theme
In android (non dark) theme incoming file attachments were all rendering the
generic file icon instead of media-type-specific icons.

// FREEBIE
2017-09-14 16:53:48 -07:00

83 lines
1.7 KiB
SCSS

.android {
#header {
background-color: $blue;
color: white;
transition: background-color 0.5s;
&.inactive {
background-color: $grey_l;
color: $grey_d;
}
}
.contact-details .name {
font-weight: 400;
}
.conversation.placeholder .conversation-header {
display: none;
}
.conversation-header, .bubble {
@include avatar-colors;
}
.bottom-bar {
min-height: 10px;
}
.bubble {
padding: 9px 12px;
border-radius: $border-radius;
box-shadow: 0 3px 3px -4px black;
}
.outgoing .bubble {
background-color: white;
}
.outgoing .hourglass {
@include hourglass(#999);
}
.incoming .hourglass {
@include hourglass(#fff);
}
.incoming .bubble {
.sender, .content, .body, .meta, a, .fileView {
@include invert-text-color;
}
.attachments, .content {
a {
color: $grey_l;
}
}
}
.incoming .bubble .fileView .icon {
@include color-svg('../images/file.svg', white);
&.audio {
@include color-svg('../images/audio.svg', white);
}
&.video {
@include color-svg('../images/video.svg', white);
}
&.voice {
@include color-svg('../images/voice.svg', white);
}
}
button.clock {
@include header-icon-white('../images/clock.svg');
}
.inactive button.clock {
@include header-icon-black('../images/clock.svg');
}
button.hamburger {
@include header-icon-white('../images/menu.svg');
}
.inactive button.hamburger {
@include header-icon-black('../images/menu.svg');
}
button.back {
@include header-icon-white('../images/back.svg');
}
.inactive button.back {
@include header-icon-black('../images/back.svg');
}
}