Fix paths for all newly-added icons
FREEBIE
This commit is contained in:
parent
8f0b0b121a
commit
649248a537
6 changed files with 42 additions and 42 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue