HeatMap scroll upd

aceberg · Feb 28, 2024 · 3a66218 · 3a66218
1 parent 0426e25
commit 3a66218
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 30 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,9 +2,10 @@
 # Change Log
 All notable changes to this project will be documented in this file.
 
-## [0.1.6] - 2024-02-
+## [0.1.6] - 2024-02-28
 ### Changed
 - Navbar update
+- HeatMap scroll starts at right side
 
 ### Fixed
 - Bug deleting form element on pressing `Enter`

diff --git a/internal/web/public/css/index.css b/internal/web/public/css/index.css
@@ -32,6 +32,7 @@
 
 @media (max-width: 1399px) {
     .horiz-scroll {
+        direction: rtl;
         overflow-x: scroll;
     }
 }
diff --git a/internal/web/templates/config.html b/internal/web/templates/config.html
@@ -1,10 +1,9 @@
 {{ define "config.html" }}
 
 <body>
-    <div class="container-lg">
-        <br>
+    <div class="container-lg mt-4">
     <div class="row">
-        <div class="col-md">
+        <div class="col-md mb-4">
         <div class="card border-primary">
             <div class="card-header">Config</div>
         <div class="card-body table-responsive">
@@ -55,14 +54,13 @@
         </div>
         </div>
         <div class="col-md">
-            <div class="card border-primary">
+            <div class="card border-primary mb-4">
                 <div class="card-header">Version</div>
                 <div class="card-body">
                     <a href="https://github.com/aceberg/ExerciseDiary/releases/tag/{{ .Version }}" target="_blank">{{ .Version }}</a>
                 </div>
             </div>
-            <br>
-            <div class="card border-primary">
+            <div class="card border-primary mb-4">
                 <div class="card-header">About</div>
             <div class="card-body">
                 <p>● After changing <b>Host</b> or <b>Port</b> the app must be restarted</p>

diff --git a/internal/web/templates/exercise.html b/internal/web/templates/exercise.html
@@ -1,10 +1,9 @@
 {{ define "exercise.html" }}
 
 <body>
-    <div class="container-lg">
-        <br>
+    <div class="container-lg mt-4">
     <div class="row">
-        <div class="col-md">
+        <div class="col-md mb-4">
         <div class="card border-primary">
             <div class="card-header">Exercise</div>
         <div class="card-body table-responsive">

diff --git a/internal/web/templates/index.html b/internal/web/templates/index.html
@@ -5,7 +5,6 @@
 <script src="/fs/public/js/weight-chart.js"></script>
 <link rel="stylesheet" type="text/css" href="/fs/public/css/index.css" />
 <body>
-<br>
 <!-- Add Weight Modal -->
 <div class="modal" id="mWeight">
   <div class="modal-dialog" role="document">
@@ -39,20 +38,20 @@ <h5 class="modal-title">Add weight</h5>
   </div>
 </div>
 <!-- End Modal -->
-<div class="container-lg">
+<div class="container-lg mt-4">
   <div class="row">
-    <div class="col-md-8">
+    <div class="col-md-8 mb-4">
       <div class="card border-primary">
         <div class="card-body">
           <div class="horiz-scroll">
-              <div style="max-height: 100px; width: 1150px;">
+              <div style="height: 100px; width: 770px;">
                   <canvas id="matrix-chart" style="height: 100%; width: 100%;"></canvas>
               </div>
           </div>
         </div>
       </div>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-4 mb-4">
       <div class="card border-primary">
         <div class="card-body" style="overflow-x: scroll;">
           <div class="d-flex justify-content-evenly">
@@ -71,9 +70,8 @@ <h4><i class="bi bi-window-plus"></i></h4>
       </div>
     </div>
   </div>
-    <br>
     <div class="row">
-        <div class="col-md">
+        <div class="col-md mb-4">
             <div class="accordion">
                 {{ range $gr, $grID := .GroupMap }}
                 <div class="accordion-item border-primary">
@@ -131,7 +129,7 @@ <h5 class="modal-title">{{ .Name }}</h5>
                 {{ end }}              
               </div>
         </div>
-        <div class="col-md">
+        <div class="col-md mb-4">
             <div class="card border-primary">
                 <div class="card-header">
                   <div class="row">

diff --git a/internal/web/templates/stats.html b/internal/web/templates/stats.html
@@ -4,10 +4,9 @@
 <script src="/fs/public/js/weight-chart.js"></script>
 <link rel="stylesheet" type="text/css" href="/fs/public/css/index.css" />
 <body>
-    <div class="container-lg">
-        <br>
+    <div class="container-lg mt-4">
         <div class="row">
-            <div class="col-md-4">
+            <div class="col-md-4 mb-4">
                 <div class="card border-primary">
                     <div class="card-header">Exercise</div>
                 <div class="card-body">
@@ -39,14 +38,13 @@
                 </div>
             </div>
             <div class="col-md-8">
-                <div class="card border-primary">
+                <div class="card border-primary mb-4">
                     <div class="card-header">Reps</div>
                     <div class="card-body">
                         <canvas id="stats-reps" style="max-height: 200px;"></canvas>
                     </div>
                 </div>
-                <br>
-                <div class="card border-primary">
+                <div class="card border-primary mb-4">
                     <div class="card-header">Weight</div>
                     <div class="card-body">
                         <canvas id="stats-weight" style="max-height: 200px;"></canvas>

diff --git a/internal/web/templates/weight.html b/internal/web/templates/weight.html
@@ -3,10 +3,9 @@
 <script src="/fs/public/js/weight-chart.js"></script>
 <link rel="stylesheet" type="text/css" href="/fs/public/css/index.css" />
 <body>
-    <div class="container-lg">
-        <br>
+    <div class="container-lg mt-4">
     <div class="row">
-        <div class="col-md-4">
+        <div class="col-md-4 mb-4">
             <div class="card border-primary">
                 <div class="card-header">Weight</div>
                 <div class="card-body table-responsive">
@@ -28,16 +27,15 @@
             </div>
         </div>
         <div class="col-md-8">
-            <div class="card border-primary">
+            <div class="card border-primary mb-4">
                 <div class="card-header">Chart</div>
                 <div class="card-body">
                     <div class="chart-container m-auto">
                         <canvas id="weight-chart" style="max-height: 200px;"></canvas>
                     </div>
                 </div>
             </div>
-            <br>
-            <div class="card border-primary">
+            <div class="card border-primary mb-4">
                 <div class="card-header">Add</div>
                 <div class="card-body">
                     <form action="/weight/" method="post" name="sets" class="input-group">