Fix paths for all newly-added icons

FREEBIE
This commit is contained in:
Scott Nonnenberg 2017-06-18 20:49:14 -07:00
parent 8f0b0b121a
commit 649248a537
No known key found for this signature in database
GPG key ID: A4931C09644C654B
6 changed files with 42 additions and 42 deletions

View file

@ -22,7 +22,7 @@
} }
} }
.conversation-title .verified-icon { .conversation-title .verified-icon {
@include color-svg('/images/verified-check.svg', white); @include color-svg('../images/verified-check.svg', white);
display: inline-block; display: inline-block;
width: 1.25em; width: 1.25em;
height: 1.25em; height: 1.25em;
@ -135,10 +135,10 @@
display: inline-block; display: inline-block;
&.verified { &.verified {
@include color-svg('/images/verified-check.svg', $grey_d); @include color-svg('../images/verified-check.svg', $grey_d);
} }
&.shield { &.shield {
@include color-svg('/images/shield.svg', $grey_d); @include color-svg('../images/shield.svg', $grey_d);
} }
} }
@ -781,13 +781,13 @@ li.entry .error-icon-container {
display: inline-block; display: inline-block;
&.verified { &.verified {
@include color-svg('/images/verified-check.svg', $grey_d); @include color-svg('../images/verified-check.svg', $grey_d);
} }
&.shield { &.shield {
@include color-svg('/images/shield.svg', $grey_d); @include color-svg('../images/shield.svg', $grey_d);
} }
&.clock { &.clock {
@include color-svg('/images/clock.svg', $grey_d); @include color-svg('../images/clock.svg', $grey_d);
} }
} }

View file

@ -361,7 +361,7 @@ $avatar-size: 44px;
height: 18px; height: 18px;
display: inline-block; display: inline-block;
vertical-align: text-bottom; vertical-align: text-bottom;
@include color-svg('/images/warning.svg', black); @include color-svg('../images/warning.svg', black);
} }
.dismiss { .dismiss {
@ -371,7 +371,7 @@ $avatar-size: 44px;
height: 23px; height: 23px;
width: 23px; width: 23px;
@include color-svg('/images/x.svg', black); @include color-svg('../images/x.svg', black);
} }
} }
@ -409,7 +409,7 @@ $avatar-size: 44px;
} }
.verified-icon { .verified-icon {
@include color-svg('/images/verified-check.svg', $grey); @include color-svg('../images/verified-check.svg', $grey);
display: inline-block; display: inline-block;
width: 1.25em; width: 1.25em;
height: 1.25em; height: 1.25em;

View file

@ -96,7 +96,7 @@
color: $grey_d; color: $grey_d;
border-color: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.05);
.verified-icon { .verified-icon {
@include color-svg('/images/verified-check.svg', $grey_d); @include color-svg('../images/verified-check.svg', $grey_d);
} }
} }

View file

@ -67,7 +67,7 @@ $ios-border-color: rgba(0,0,0,0.1);
line-height: $header-height; line-height: $header-height;
.verified-icon { .verified-icon {
@include color-svg('/images/verified-check.svg', #454545); @include color-svg('../images/verified-check.svg', #454545);
} }
} }

View file

@ -56,10 +56,10 @@ $text-dark_l2: darken($text-dark, 30%);
} }
.key-verification .icon { .key-verification .icon {
&.verified { &.verified {
@include color-svg('/images/verified-check.svg', $text-dark); @include color-svg('../images/verified-check.svg', $text-dark);
} }
&.shield { &.shield {
@include color-svg('/images/shield.svg', $text-dark); @include color-svg('../images/shield.svg', $text-dark);
} }
} }
.menu-list { .menu-list {
@ -87,7 +87,7 @@ $text-dark_l2: darken($text-dark, 30%);
.contact-details .number { .contact-details .number {
color: $text-dark_l2; color: $text-dark_l2;
.verified-icon { .verified-icon {
@include color-svg('/images/verified-check.svg', $text-dark_l2); @include color-svg('../images/verified-check.svg', $text-dark_l2);
} }
} }
.group-member-list .members .contact, .new-group-update .members .contact, .attachment-previews img { .group-member-list .members .contact, .new-group-update .members .contact, .attachment-previews img {
@ -108,13 +108,13 @@ $text-dark_l2: darken($text-dark, 30%);
background-color: $grey-dark; background-color: $grey-dark;
} }
.shield { .shield {
@include color-svg('/images/shield.svg', $text-dark); @include color-svg('../images/shield.svg', $text-dark);
} }
.verified { .verified {
@include color-svg('/images/verified-check.svg', $text-dark); @include color-svg('../images/verified-check.svg', $text-dark);
} }
.clock { .clock {
@include color-svg('/images/clock.svg', $text-dark); @include color-svg('../images/clock.svg', $text-dark);
} }
} }
@ -122,7 +122,7 @@ $text-dark_l2: darken($text-dark, 30%);
background-color: $grey-dark !important; background-color: $grey-dark !important;
color: $text-dark; color: $text-dark;
.verified-icon { .verified-icon {
@include color-svg('/images/verified-check.svg', $text-dark); @include color-svg('../images/verified-check.svg', $text-dark);
} }
} }
.sent .status { .sent .status {
@ -142,7 +142,7 @@ $text-dark_l2: darken($text-dark, 30%);
transform: rotateZ(-45deg); transform: rotateZ(-45deg);
} }
.capture-audio .microphone:before { .capture-audio .microphone:before {
@include color-svg('/images/microphone.svg', white); @include color-svg('../images/microphone.svg', white);
} }
.conversations { .conversations {
background-color: $grey-dark_l2; background-color: $grey-dark_l2;
@ -263,7 +263,7 @@ $text-dark_l2: darken($text-dark, 30%);
background-color: $grey_l4; background-color: $grey_l4;
.icon { .icon {
@include color-svg('/images/down.svg', black); @include color-svg('../images/down.svg', black);
} }
.icon:hover { .icon:hover {
background-color: white; background-color: white;
@ -272,7 +272,7 @@ $text-dark_l2: darken($text-dark, 30%);
&.new-messages { &.new-messages {
background-color: $blue; background-color: $blue;
.icon { .icon {
@include color-svg('/images/down.svg', white); @include color-svg('../images/down.svg', white);
} }
&:hover { &:hover {
background-color: #1472bd; background-color: #1472bd;

View file

@ -352,7 +352,7 @@ button.hamburger {
height: 18px; height: 18px;
display: inline-block; display: inline-block;
vertical-align: text-bottom; vertical-align: text-bottom;
-webkit-mask: url("/images/warning.svg") no-repeat center; -webkit-mask: url("../images/warning.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.banner .dismiss { .banner .dismiss {
@ -361,7 +361,7 @@ button.hamburger {
top: 3px; top: 3px;
height: 23px; height: 23px;
width: 23px; width: 23px;
-webkit-mask: url("/images/x.svg") no-repeat center; -webkit-mask: url("../images/x.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
@ -388,7 +388,7 @@ button.hamburger {
.contact-details.not-clickable { .contact-details.not-clickable {
cursor: default; } cursor: default; }
.contact-details .verified-icon { .contact-details .verified-icon {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #616161; background-color: #616161;
display: inline-block; display: inline-block;
@ -937,7 +937,7 @@ img.emoji.jumbo {
color: #454545; color: #454545;
border-color: rgba(0, 0, 0, 0.05); } border-color: rgba(0, 0, 0, 0.05); }
.inactive .conversation-header .verified-icon { .inactive .conversation-header .verified-icon {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
@ -1102,7 +1102,7 @@ input.search {
padding: 0 5px 0 4px; } padding: 0 5px 0 4px; }
.conversation-title .verified-icon { .conversation-title .verified-icon {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: white; background-color: white;
display: inline-block; display: inline-block;
@ -1189,11 +1189,11 @@ input.search {
vertical-align: text-bottom; vertical-align: text-bottom;
display: inline-block; } display: inline-block; }
.key-verification .icon.verified { .key-verification .icon.verified {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
.key-verification .icon.shield { .key-verification .icon.shield {
-webkit-mask: url("/images/shield.svg") no-repeat center; -webkit-mask: url("../images/shield.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
@ -1712,15 +1712,15 @@ li.entry .error-icon-container {
vertical-align: text-bottom; vertical-align: text-bottom;
display: inline-block; } display: inline-block; }
.advisory .icon.verified { .advisory .icon.verified {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
.advisory .icon.shield { .advisory .icon.shield {
-webkit-mask: url("/images/shield.svg") no-repeat center; -webkit-mask: url("../images/shield.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
.advisory .icon.clock { .advisory .icon.clock {
-webkit-mask: url("/images/clock.svg") no-repeat center; -webkit-mask: url("../images/clock.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
@ -1847,7 +1847,7 @@ li.entry .error-icon-container {
.ios .conversation-header .conversation-title { .ios .conversation-header .conversation-title {
line-height: 64px; } line-height: 64px; }
.ios .conversation-header .conversation-title .verified-icon { .ios .conversation-header .conversation-title .verified-icon {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #454545; } background-color: #454545; }
.ios .conversation-header .avatar { .ios .conversation-header .avatar {
@ -2241,11 +2241,11 @@ li.entry .error-icon-container {
background-color: #030303; background-color: #030303;
border-color: #292929; } border-color: #292929; }
.android-dark .key-verification .icon.verified { .android-dark .key-verification .icon.verified {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .key-verification .icon.shield { .android-dark .key-verification .icon.shield {
-webkit-mask: url("/images/shield.svg") no-repeat center; -webkit-mask: url("../images/shield.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .menu-list { .android-dark .menu-list {
@ -2270,7 +2270,7 @@ li.entry .error-icon-container {
.android-dark .contact-details .number { .android-dark .contact-details .number {
color: #807f7f; } color: #807f7f; }
.android-dark .contact-details .number .verified-icon { .android-dark .contact-details .number .verified-icon {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #807f7f; } background-color: #807f7f; }
.android-dark .group-member-list .members .contact, .android-dark .new-group-update .members .contact, .android-dark .attachment-previews img { .android-dark .group-member-list .members .contact, .android-dark .new-group-update .members .contact, .android-dark .attachment-previews img {
@ -2317,22 +2317,22 @@ li.entry .error-icon-container {
.android-dark .message-list .advisory .content { .android-dark .message-list .advisory .content {
background-color: #333333; } background-color: #333333; }
.android-dark .message-list .advisory .shield { .android-dark .message-list .advisory .shield {
-webkit-mask: url("/images/shield.svg") no-repeat center; -webkit-mask: url("../images/shield.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .message-list .advisory .verified { .android-dark .message-list .advisory .verified {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .message-list .advisory .clock { .android-dark .message-list .advisory .clock {
-webkit-mask: url("/images/clock.svg") no-repeat center; -webkit-mask: url("../images/clock.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .inactive .conversation-header { .android-dark .inactive .conversation-header {
background-color: #333333 !important; background-color: #333333 !important;
color: #CCCCCC; } color: #CCCCCC; }
.android-dark .inactive .conversation-header .verified-icon { .android-dark .inactive .conversation-header .verified-icon {
-webkit-mask: url("/images/verified-check.svg") no-repeat center; -webkit-mask: url("../images/verified-check.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #CCCCCC; } background-color: #CCCCCC; }
.android-dark .sent .status { .android-dark .sent .status {
@ -2355,7 +2355,7 @@ li.entry .error-icon-container {
background-color: white; background-color: white;
transform: rotateZ(-45deg); } transform: rotateZ(-45deg); }
.android-dark .capture-audio .microphone:before { .android-dark .capture-audio .microphone:before {
-webkit-mask: url("/images/microphone.svg") no-repeat center; -webkit-mask: url("../images/microphone.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark .conversations { .android-dark .conversations {
@ -2512,7 +2512,7 @@ li.entry .error-icon-container {
.android-dark .discussion-container .scroll-down-button-view button { .android-dark .discussion-container .scroll-down-button-view button {
background-color: #8d8d8d; } background-color: #8d8d8d; }
.android-dark .discussion-container .scroll-down-button-view button .icon { .android-dark .discussion-container .scroll-down-button-view button .icon {
-webkit-mask: url("/images/down.svg") no-repeat center; -webkit-mask: url("../images/down.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: black; } background-color: black; }
.android-dark .discussion-container .scroll-down-button-view button .icon:hover { .android-dark .discussion-container .scroll-down-button-view button .icon:hover {
@ -2520,7 +2520,7 @@ li.entry .error-icon-container {
.android-dark .discussion-container .scroll-down-button-view button.new-messages { .android-dark .discussion-container .scroll-down-button-view button.new-messages {
background-color: #2090ea; } background-color: #2090ea; }
.android-dark .discussion-container .scroll-down-button-view button.new-messages .icon { .android-dark .discussion-container .scroll-down-button-view button.new-messages .icon {
-webkit-mask: url("/images/down.svg") no-repeat center; -webkit-mask: url("../images/down.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: white; } background-color: white; }
.android-dark .discussion-container .scroll-down-button-view button.new-messages:hover { .android-dark .discussion-container .scroll-down-button-view button.new-messages:hover {