ThaMunsta/itflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Time tracking input field spacing

Browse Source 
Reduce size of hrs, min, sec input fields
This commit is contained in:
Marcus Hill
2023-12-23 23:15:20 +00:00
parent 29867d6d11
commit e04c681ca5
2 changed files with 44 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
css/ticket_time_tracking.css Normal file
View File

@@ -0,0 +1,13 @@
/* Custom CSS Styling for time tracking */
/* Small bit of space between the ticket status and time tracking inputs */
.custom-tt-horizontal-spacing {
width: 20px; /* Adjust the width as needed for smaller spacing */
display: inline-block;
}
/* Adjust Hour, min, second fields to be close together */
.custom-tt-width {
width: 50px; /* Adjust the width as needed */
padding: 0; /* Remove padding to maintain the desired width */
}

29
ticket.php
View File

@@ -1,6 +1,12 @@
<?php
require_once "inc_all.php";
?>
<!-- Custom styling of time tracking elements -->
<link rel="stylesheet" type="text/css" href="css/ticket_time_tracking.css">
<?php
// Initialize the HTML Purifier to prevent XSS
require "plugins/htmlpurifier/HTMLPurifier.standalone.php";
@@ -316,30 +322,30 @@ if (isset($_GET['ticket_id'])) {
</div>
</div>
<!-- Time Tracking: Hours -->
<div class="custom-tt-horizontal-spacing"></div> <!-- Add custom class for smaller spacing -->
<!-- Time Tracking -->
<div class="col-sm-3 col-lg-2">
<div class="input-group mb-3">
<div class="form-row">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-fw fa-clock"></i></span>
</div>
<div class="input-group custom-tt-width">
<input type="text" class="form-control" inputmode="numeric" id="hours" name="hours" placeholder="Hrs" min="0" max="23" pattern="0?[0-9]|1[0-9]|2[0-3]">
</div>
</div>
<!-- Time Tracking: Minutes -->
<div class="col-sm-1">
<div class="input-group mb-3">
<div class="input-group custom-tt-width">
<input type="text" class="form-control" inputmode="numeric" id="minutes" name="minutes" placeholder="Mins" min="0" max="59" pattern="[0-5]?[0-9]">
</div>
<div class="input-group custom-tt-width">
<input type="text" class="form-control" inputmode="numeric" id="seconds" name="seconds" placeholder="Secs" min="0" max="59" pattern="[0-5]?[0-9]">
</div>
<!-- Time Tracking: Seconds -->
<div class="col-sm-1">
<div class="input-group mb-3">
<input type="text" class="form-control" inputmode="numeric" id="seconds" name="seconds" placeholder="Secs" min="0" max="59" pattern="[0-5]?[0-9]">
</div>
</div>
</div>
@@ -351,6 +357,7 @@ if (isset($_GET['ticket_id'])) {
</div>
</div>
</div>
<div class="form-row">