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 {
@include color-svg('/images/verified-check.svg', white);
@include color-svg('../images/verified-check.svg', white);
display: inline-block;
width: 1.25em;
height: 1.25em;
@ -135,10 +135,10 @@
display: inline-block;
&.verified {
@include color-svg('/images/verified-check.svg', $grey_d);
@include color-svg('../images/verified-check.svg', $grey_d);
}
&.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;
&.verified {
@include color-svg('/images/verified-check.svg', $grey_d);
@include color-svg('../images/verified-check.svg', $grey_d);
}
&.shield {
@include color-svg('/images/shield.svg', $grey_d);
@include color-svg('../images/shield.svg', $grey_d);
}
&.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;
display: inline-block;
vertical-align: text-bottom;
@include color-svg('/images/warning.svg', black);
@include color-svg('../images/warning.svg', black);
}
.dismiss {
@ -371,7 +371,7 @@ $avatar-size: 44px;
height: 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 {
@include color-svg('/images/verified-check.svg', $grey);
@include color-svg('../images/verified-check.svg', $grey);
display: inline-block;
width: 1.25em;
height: 1.25em;

View file

@ -96,7 +96,7 @@
color: $grey_d;
border-color: rgba(0,0,0,0.05);
.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;
.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 {
&.verified {
@include color-svg('/images/verified-check.svg', $text-dark);
@include color-svg('../images/verified-check.svg', $text-dark);
}
&.shield {
@include color-svg('/images/shield.svg', $text-dark);
@include color-svg('../images/shield.svg', $text-dark);
}
}
.menu-list {
@ -87,7 +87,7 @@ $text-dark_l2: darken($text-dark, 30%);
.contact-details .number {
color: $text-dark_l2;
.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 {
@ -108,13 +108,13 @@ $text-dark_l2: darken($text-dark, 30%);
background-color: $grey-dark;
}
.shield {
@include color-svg('/images/shield.svg', $text-dark);
@include color-svg('../images/shield.svg', $text-dark);
}
.verified {
@include color-svg('/images/verified-check.svg', $text-dark);
@include color-svg('../images/verified-check.svg', $text-dark);
}
.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;
color: $text-dark;
.verified-icon {
@include color-svg('/images/verified-check.svg', $text-dark);
@include color-svg('../images/verified-check.svg', $text-dark);
}
}
.sent .status {
@ -142,7 +142,7 @@ $text-dark_l2: darken($text-dark, 30%);
transform: rotateZ(-45deg);
}
.capture-audio .microphone:before {
@include color-svg('/images/microphone.svg', white);
@include color-svg('../images/microphone.svg', white);
}
.conversations {
background-color: $grey-dark_l2;
@ -263,7 +263,7 @@ $text-dark_l2: darken($text-dark, 30%);
background-color: $grey_l4;
.icon {
@include color-svg('/images/down.svg', black);
@include color-svg('../images/down.svg', black);
}
.icon:hover {
background-color: white;
@ -272,7 +272,7 @@ $text-dark_l2: darken($text-dark, 30%);
&.new-messages {
background-color: $blue;
.icon {
@include color-svg('/images/down.svg', white);
@include color-svg('../images/down.svg', white);
}
&:hover {
background-color: #1472bd;

View file

@ -352,7 +352,7 @@ button.hamburger {
height: 18px;
display: inline-block;
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%;
background-color: black; }
.banner .dismiss {
@ -361,7 +361,7 @@ button.hamburger {
top: 3px;
height: 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%;
background-color: black; }
@ -388,7 +388,7 @@ button.hamburger {
.contact-details.not-clickable {
cursor: default; }
.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%;
background-color: #616161;
display: inline-block;
@ -937,7 +937,7 @@ img.emoji.jumbo {
color: #454545;
border-color: rgba(0, 0, 0, 0.05); }
.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%;
background-color: #454545; }
@ -1102,7 +1102,7 @@ input.search {
padding: 0 5px 0 4px; }
.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%;
background-color: white;
display: inline-block;
@ -1189,11 +1189,11 @@ input.search {
vertical-align: text-bottom;
display: inline-block; }
.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%;
background-color: #454545; }
.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%;
background-color: #454545; }
@ -1712,15 +1712,15 @@ li.entry .error-icon-container {
vertical-align: text-bottom;
display: inline-block; }
.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%;
background-color: #454545; }
.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%;
background-color: #454545; }
.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%;
background-color: #454545; }
@ -1847,7 +1847,7 @@ li.entry .error-icon-container {
.ios .conversation-header .conversation-title {
line-height: 64px; }
.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%;
background-color: #454545; }
.ios .conversation-header .avatar {
@ -2241,11 +2241,11 @@ li.entry .error-icon-container {
background-color: #030303;
border-color: #292929; }
.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%;
background-color: #CCCCCC; }
.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%;
background-color: #CCCCCC; }
.android-dark .menu-list {
@ -2270,7 +2270,7 @@ li.entry .error-icon-container {
.android-dark .contact-details .number {
color: #807f7f; }
.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%;
background-color: #807f7f; }
.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 {
background-color: #333333; }
.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%;
background-color: #CCCCCC; }
.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%;
background-color: #CCCCCC; }
.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%;
background-color: #CCCCCC; }
.android-dark .inactive .conversation-header {
background-color: #333333 !important;
color: #CCCCCC; }
.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%;
background-color: #CCCCCC; }
.android-dark .sent .status {
@ -2355,7 +2355,7 @@ li.entry .error-icon-container {
background-color: white;
transform: rotateZ(-45deg); }
.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%;
background-color: white; }
.android-dark .conversations {
@ -2512,7 +2512,7 @@ li.entry .error-icon-container {
.android-dark .discussion-container .scroll-down-button-view button {
background-color: #8d8d8d; }
.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%;
background-color: black; }
.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 {
background-color: #2090ea; }
.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%;
background-color: white; }
.android-dark .discussion-container .scroll-down-button-view button.new-messages:hover {