You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by jo...@apache.org on 2025/03/20 21:15:05 UTC
(royale-docs) 04/05: remove titanic and bodymovin scripts
This is an automated email from the ASF dual-hosted git repository.
joshtynjala pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/royale-docs.git
commit 5e01adbc064b618d4d9ba4cf34dc3fefb4b27675
Author: Josh Tynjala <jo...@apache.org>
AuthorDate: Thu Mar 20 13:43:13 2025 -0700
remove titanic and bodymovin scripts
use fontawesome arrow icons and simple css classes instead
---
_layouts/docpage.html | 25 ++++++++++---------------
_sass/sidebar.sass | 6 ++----
2 files changed, 12 insertions(+), 19 deletions(-)
diff --git a/_layouts/docpage.html b/_layouts/docpage.html
index 0c4f252..fa3f428 100644
--- a/_layouts/docpage.html
+++ b/_layouts/docpage.html
@@ -24,8 +24,6 @@ limitations under the License.
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="{{ site.baseurl }}/assets/fnt/font-awesome/font-awesome.min.css" />
- <script src="https://cdn.rawgit.com/icons8/titanic/master/dist/js/titanic.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/4.5.9/bodymovin.min.js"></script>
<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css" />
<link rel="shortcut icon" href="favicon.ico"/>
@@ -56,7 +54,7 @@ limitations under the License.
<div class="sidebar">
{% include toc.html %}
</div>
- <div id="sbButton" onclick="showSideBar()" role="button" tabindex="0" class="sidebar-button titanic titanic-forward-arrow"/>
+ <div id="sbButton" onclick="showSideBar()" role="button" tabindex="0" class="sidebar-button fa fa-arrow-right">
</div>
</div>
</div>
@@ -66,24 +64,21 @@ limitations under the License.
{% include docsearch.html %}
<script>
- var titanic = new Titanic({
- hover: false, // auto animated on hover (default true)
- click: false // auto animated on click/tap (default false)
- });
-
function showSideBar()
{
- if(toc.classList.contains("open"))
+ if(sbButton.classList.contains("fa-arrow-right"))
{
- titanic.items[0].off();
- main.classList.remove("open");
- toc.classList.remove("open");
+ main.classList.add("open");
+ toc.classList.add("open");
+ sbButton.classList.remove("fa-arrow-right");
+ sbButton.classList.add("fa-arrow-left");
}
else
{
- titanic.items[0].on();
- main.classList.add("open");
- toc.classList.add("open");
+ main.classList.remove("open");
+ toc.classList.remove("open");
+ sbButton.classList.remove("fa-arrow-left");
+ sbButton.classList.add("fa-arrow-right");
}
}
</script>
diff --git a/_sass/sidebar.sass b/_sass/sidebar.sass
index fa85332..ef2c278 100644
--- a/_sass/sidebar.sass
+++ b/_sass/sidebar.sass
@@ -36,10 +36,6 @@
flex-direction: column
color: #61dafb
-.titanic path
- fill: #fff
- stroke: #fff
-
.toc
font-family: "Hind Siliguri", sans-serif
display: flex
@@ -122,6 +118,8 @@
.sidebar-button
display: inline-block
+ padding: 11px 0px 11px 14px
+ color: #fff
.sidebar
width: 100%