Skip to content

Commit

Permalink
Refactor Slack image icon with svg icon in communities of practice pa…
Browse files Browse the repository at this point in the history
…ge (#5896)

* Refactor communities of practice page - #5829

* remove outer svg tag from slack image svg file liquid image element
  • Loading branch information
aadilahmed authored Nov 19, 2023
1 parent 665a73a commit b65c995
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 4 deletions.
9 changes: 6 additions & 3 deletions _sass/components/_communities-of-practice.scss
Original file line number Diff line number Diff line change
Expand Up @@ -141,9 +141,10 @@
margin-right: 5px;
}

#slack-icon{
width: 22px;
height: 22px;
#Layer_1{
width: 24px;
height: 24px;
margin-right: 5px;
}

#github-icon{
Expand All @@ -159,6 +160,7 @@
}
.cop-btn{
width: 232px;
padding: 0 30px;
}
}

Expand All @@ -169,6 +171,7 @@

.cop-btn{
width: 203px;
padding: 0 15px;
}

.link-buttons a:nth-child(2){
Expand Down
2 changes: 1 addition & 1 deletion pages/communities-of-practice.html
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ <h3 class = "Title4">{{ community[1].name}}</h3>
{% if community[1].links[0].url %}
{% assign url_links = true %}
<a href="{{ community[1].links[0].url }}" class="btn btn-primary btn-md btn--default cop-btn" target="_blank" title="{{community[1].name}} Slack channel">
<img class="button-icon" id="slack-icon" src="/assets/images/communities-of-practice/slack-join-meeting-channel.svg" alt="slack icon" />
{% include svg/icon-slack.svg %}
Join Slack Channel
</a>
{% endif %}
Expand Down

0 comments on commit b65c995

Please sign in to comment.