Added Collapsable Sidebar with transition in src/app/hindi kannada, t…

…amil
Sunbird-ALL · Mar 19, 2024 · 67544d4 · 67544d4
1 parent dd72a87
commit 67544d4
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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>