From 67544d4aba6a02832b5a0e769eaecf16a666c7fc Mon Sep 17 00:00:00 2001
From: Sumit Soni <122284205+sonisumit7904@users.noreply.github.com>
Date: Wed, 20 Mar 2024 02:03:25 +0530
Subject: [PATCH] Added Collapsable Sidebar with transition in src/app/hindi
 kannada, tamil

---
 src/app/hindi-version/hindi-version.component.html     |  8 ++++++++
 src/app/kannada-version/kannada-version.component.html |  8 ++++++++
 src/app/tamil-version/tamil-version.component.html     | 10 +++++++++-
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/app/hindi-version/hindi-version.component.html b/src/app/hindi-version/hindi-version.component.html
index e4db973..5a51d43 100644
--- a/src/app/hindi-version/hindi-version.component.html
+++ b/src/app/hindi-version/hindi-version.component.html
@@ -1,5 +1,13 @@
+<!-- Transition for Sidebar -->
+<style>
+  .collapse-horizontal {
+ transition: width 1s, height 1s;
+}
+</style>
+
 <header>
   <nav class="level-nav d-grid gap-2 d-md-flex justify-content-md-end">
+    <!-- Sidebar Button to Collapse/Show -->
     <button
       type="button"
       class="btn btn-light mx-2 btn-sm"
diff --git a/src/app/kannada-version/kannada-version.component.html b/src/app/kannada-version/kannada-version.component.html
index f7ce016..7eb780c 100644
--- a/src/app/kannada-version/kannada-version.component.html
+++ b/src/app/kannada-version/kannada-version.component.html
@@ -1,5 +1,13 @@
+<!-- Transition for Sidebar -->
+<style>
+  .collapse-horizontal {
+ transition: width 1s, height 1s;
+}
+</style>
+
 <header>
   <nav class="level-nav d-grid gap-2 d-md-flex justify-content-md-end">
+    <!-- Sidebar Button to Collapse/Show -->
     <button
       type="button"
       class="btn btn-light mx-2 btn-sm"
diff --git a/src/app/tamil-version/tamil-version.component.html b/src/app/tamil-version/tamil-version.component.html
index f9c566e..d631845 100644
--- a/src/app/tamil-version/tamil-version.component.html
+++ b/src/app/tamil-version/tamil-version.component.html
@@ -1,5 +1,13 @@
+<!-- Transition for Sidebar -->
+<style>
+  .collapse-horizontal {
+ transition: width 1s, height 1s;
+}
+</style>
+
 <header>
   <nav class="level-nav d-grid gap-2 d-md-flex justify-content-md-end">
+    <!-- Sidebar Button to Collapse/Show -->
     <button
       type="button"
       class="btn btn-light mx-2 btn-sm"
@@ -191,4 +199,4 @@ <h2 class="accordion-header">
   /></a>
   <!-- End of CuterCounter Code -->
   <div>Device Id: {{ this.getFingerPrintJsId() }}</div>
-</footer>
+</footer>
\ No newline at end of file