Merge pull request #205 from antoinehq/ahq/submit-row-sticky

Add stickyness to the submit button in the staffing tab
digitalfox · Jan 19, 2025 · 82c6e7a · 82c6e7a
2 parents 4426666 + 1cb1a58
commit 82c6e7a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 7 deletions.
diff --git a/media/css/pydici.css b/media/css/pydici.css
@@ -167,13 +167,20 @@ h5 { font-size:1rem; }
     font-weight: bold;
 }
 
+
+.submit-row.sticky {
+    position: sticky;
+    bottom: 0;
+    padding:0.5rem;
+    border-top: 1px solid #DDDDDD;
+    background-color: white;
+}
+
 /* submit form button sticky for mobile devices */
 @media (max-width: 767px) {
     .submit-row.sticky {
-        position: sticky;
-        bottom: 0;
-        padding:0.2rem 0 0.4rem 0;
-        background-color: white;
+        padding:0.2rem 0.2rem 0.4rem 0.2rem;
+        border-right: 1px solid #DDDDDD;
     }
     .submit-row.sticky > button[type=submit] {
         width: 100%;

diff --git a/templates/core/pydici.html b/templates/core/pydici.html
@@ -5,7 +5,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
     <meta name="description" content="pydici">
     <meta name="author" content="Sebastien Renard">
     <link rel="icon" type="image/png" href="{{ MEDIA_URL }}favicon-16x16.png" sizes="16x16">

diff --git a/templates/staffing/consultant_staffing.html b/templates/staffing/consultant_staffing.html
@@ -58,8 +58,8 @@
             {% endfor %}
         </table>
         </div>
-        <br />
-        <div class="submit-row">
+
+        <div class="submit-row sticky">
             <button type='submit' class="btn btn-primary"><i class="bi bi-save"></i> {% trans 'Save' %}</button>
             <a role="button" class="btn btn-primary button-link"
                href="{% url 'staffing:optimise_pdc' %}?consultant_missions={{ consultant.id }}">

diff --git a/templates/staffing/mission_staffing.html b/templates/staffing/mission_staffing.html
@@ -74,6 +74,7 @@
         {% if read_only %}
             <em>{% trans "Note: you are not allowed to change mission staffing" %}</em>
         {% else %}
+            <div class="submit-row sticky">
 	            <button type='submit' class="btn btn-primary"><i class="bi-save"></i> {% trans 'Save' %}</button>
                 <a role="button" class="btn btn-primary button-link" href="{% url 'staffing:optimise_pdc' %}?missions={{ mission.id|unlocalize }}">
                     <i class="bi bi-gear"></i> {% trans "Optimize workload for this mission" %}
@@ -84,6 +85,7 @@
                 <a role="button" class="btn btn-primary button-link" href="{% url 'staffing:mission_staffing_shift' mission_id=mission.id shift=1 %}">
                     <i class="bi bi-box-arrow-right"></i> {% trans "Shift staffing one month" %}
                 </a>
+            </div>
 	    {% endif %}
     </form>
 </div>