Skip to content

Commit

Permalink
fix: replace fontawesome with svg
Browse files Browse the repository at this point in the history
  • Loading branch information
@frankpagan
frankpagan committed May 1, 2023
1 parent 4d4eed4 commit 0728d84
Show file tree
Hide file tree
Showing 2 changed files with 16 additions and 16 deletions.
4 changes: 2 additions & 2 deletions demo/direction.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
<input type="hidden" data-direction="waypoint" data-map_id="0" data-place="latitude" placeholder="Latitude" data-place_id="4">
</div>
</div>
<span style="float:right;"><a clone_id="waypoint" class="deleteBtn noDrag"><i class="fas fa-times"></i></a></span>
<span style="float:right;"><a clone_id="waypoint" class="deleteBtn noDrag"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a></span>
<!-- -->
</div>
</div>
Expand All @@ -46,7 +46,7 @@
<input type="hidden" data-direction="waypoint" data-map_id="0" data-place="latitude" placeholder="Latitude" data-place_id="5">
</div>
</div>
<span style="float:right;"><a clone_id="waypoint" class="deleteBtn noDrag"><i class="fas fa-times"></i></a></span>
<span style="float:right;"><a clone_id="waypoint" class="deleteBtn noDrag"><i class="height:18px fill:#505050" src="/assets/svg/times.svg"></i></a></span>
<!-- -->
</div>
</div>
Expand Down
28 changes: 14 additions & 14 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,13 +32,13 @@ <h2>CoCreate-google-maps</h2>
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
<div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/google-maps.png" hover="display:block!important" hover-target=".social-networks">
<div class="display:none social-networks">
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="height:20px fill:#505050" src="/assets/svg/twitter.svg"></i></a>
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="height:20px fill:#505050" src="/assets/svg/facebook.svg"></i></a>
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="height:20px fill:#505050" src="/assets/svg/instagram.svg"></i></a>
</div>
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
</div>
<a href="https://github.com/CoCreate-app/CoCreate-google-maps" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
<a href="https://github.com/CoCreate-app/CoCreate-google-maps" target="_blank" class="margin-right:15px"><i class="height:20px fill:#505050" src="/assets/svg/github.svg"></i></a>
</div>
</div>
<h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">A headless vinilla javascript micro component. Easy configuration using HTML5 attributes or Javscript api.</h1>
Expand All @@ -48,7 +48,7 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
<div id="google-maps-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#google-maps-install-section">
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#google-maps-install"]'>
<h2 class="padding:5px_0px">Install</h2>
<a class="margin-left:10px display:none" href="#google-maps-install"><i class="fas fa-link"></i></a>
<a class="margin-left:10px display:none" href="#google-maps-install"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
</span>
</div>
<pre><code class="language-bash">npm i @cocreate/google-maps</code></pre>
Expand All @@ -58,7 +58,7 @@ <h2 class="padding:5px_0px">Install</h2>
<div id="google-maps-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#google-maps-usage-section">
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#google-maps-usage"]'>
<h2 class="padding:5px_0px">Usage</h2>
<a class="margin-left:10px display:none" href="#google-maps-usage"><i class="fas fa-link"></i></a>
<a class="margin-left:10px display:none" href="#google-maps-usage"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
</span>
</div>
<div class="">
Expand All @@ -73,7 +73,7 @@ <h2 class="padding:5px_0px">Usage</h2>
<div id="google-maps-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#google-maps-attributes-section">
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#google-maps-attributes"]'>
<h2 class="padding:5px_0px">Attributes</h2>
<a class="margin-left:10px display:none" href="#google-maps-attributes"><i class="fas fa-link"></i></a>
<a class="margin-left:10px display:none" href="#google-maps-attributes"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
</span>
</div>
<ul class="list-style-type:none ">
Expand All @@ -93,7 +93,7 @@ <h4><span>google-maps</span> <span class="cocreate-badge success">string</span>
<div id="google-maps-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#google-maps-demo-section">
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#google-maps-demo"]'>
<h2 class="padding:5px_0px">Demo</h2>
<a class="margin-left:10px display:none" href="#google-maps-demo"><i class="fas fa-link"></i></a>
<a class="margin-left:10px display:none" href="#google-maps-demo"><i class="height:20px fill:#505050" src="/assets/svg/link.svg"></i></a>
</span>
</div>
<div class="position:sticky top:0 padding:15px_0px height:100vh">
Expand All @@ -110,10 +110,10 @@ <h2 class="padding:5px_0px">Demo</h2>
</div>

<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
<a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="far fa-eye"></i></a>
<a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="fas fa-eye-slash"></i></a>
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="fa fa-code"></i></a>
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="fas fa-code"></i></a>
<a class="margin-right:10px" id="eye" show="#eye-slash" hide="#eye, #demo-preview" toggle="code-height" toggle-target="#demo-code"><i class="height:18px fill:#505050" src="/assets/svg/eye.svg"></i></a>
<a class="margin-right:10px" hidden id="eye-slash" show="#eye, #demo-preview" hide="#eye-slash" toggle="code-height" toggle-target="#demo-code"><i class="height:20px fill:#505050" src="/assets/svg/eye-slash.svg"></i></a>
<a class="margin-right:10px" id="code" show="#code-slash" hide="#code, #demo-code"><i class="height:20px fill:#505050" src="/assets/svg/code.svg"></i></a>
<a class="margin-right:10px" hidden id="code-slash" show="#code, #demo-code" hide="#code-slash"><i class="display:flex height:18px fill:#505050" src="/assets/svg/code.svg"></i></a>
<a class="margin-right:5px" fullscreen fullscreen-target="#playground"></a>
</div>

Expand All @@ -124,7 +124,7 @@ <h2 class="padding:5px_0px">Demo</h2>

</div>
<button href="https://github.com/CoCreate-app/CoCreate-google-maps/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..." target="_blank" class="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
<i class="fas fa-pencil-alt"></i>
<i class="height:20px fill:#505050" src="/assets/svg/pencil-alt.svg"></i>
</button>
</main>

Expand Down

0 comments on commit 0728d84

Please sign in to comment.