Fixed dashboard layout bugs (#6263)

* Fixed dashboard layout bugs

* Update domain_limits.php

* Update missed_calls.php

* Update recent_calls.php

* Update voicemails.php

* Update system_counts.php

* Update system_cpu_status.php

* Update system_status.php

* Update caller_id.php
This commit is contained in:
AlexC
2022-01-25 11:03:37 -07:00
committed by GitHub
parent 94eab98ab3
commit 78c5666aff
9 changed files with 16 additions and 17 deletions

View File

@@ -19,9 +19,8 @@
$text = $language->get($_SESSION['domain']['language']['code'], 'core/user_settings');
//domain limits
echo "<div class='hud_box'>\n";
if (is_array($_SESSION['limit']) && sizeof($_SESSION['limit']) > 0) {
echo "<div class='hud_box'>\n";
$c = 0;
$row_style["0"] = "row_style0";
$row_style["1"] = "row_style1";
@@ -58,10 +57,10 @@
if ($show_stat) {
//add doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 25px;'>
<div style='width: 175px; height: 175px;'>
<canvas id='domain_limits_chart'></canvas>
<span style='color: rgb(125,125,125);'><?php echo $hud_stat_title;?></span>
<div style='color: rgb(125,125,125); margin-top: 2px;'><?php echo $hud_stat_title;?></div>
</div>
</div>

View File

@@ -205,10 +205,10 @@
else {
//caller id name and number inputs
echo " <td class='input'>\n";
echo " <input class='formfld' style='min-width: 50px; max-width: 100px;' type='text' name='extensions[".$x."][outbound_caller_id_name]' maxlength='255' value=\"".escape($row['outbound_caller_id_name'])."\">\n";
echo " <input class='formfld' style='width: 70%;' type='text' name='extensions[".$x."][outbound_caller_id_name]' maxlength='255' value=\"".escape($row['outbound_caller_id_name'])."\">\n";
echo " </td>\n";
echo " <td class='input'>\n";
echo " <input class='formfld' style='min-width: 50px; max-width: 100px;' type='text' name='extensions[".$x."][outbound_caller_id_number]' maxlength='255' value=\"".$row['outbound_caller_id_number']."\">\n";
echo " <input class='formfld' style='width: 70%;' type='text' name='extensions[".$x."][outbound_caller_id_number]' maxlength='255' value=\"".$row['outbound_caller_id_number']."\">\n";
echo " </td>\n";
}
echo " <td class='description overflow hide-sm-dn'>\n";

View File

@@ -291,7 +291,7 @@
if ($show_stat) {
//add doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
<div style='width: 250px; height: 175px;'><canvas id='system_counts_chart'></canvas></div>
</div>

View File

@@ -49,7 +49,7 @@
//add half doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 8px'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px'>
<div style='width: 175px; height: 175px; margin: 0 auto;'><canvas id='system_cpu_status_chart'></canvas></div>
</div>

View File

@@ -38,7 +38,7 @@
if ($percent_disk_usage != '') {
//add half doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 8px'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px'>
<div style='width: 175px; height: 175px;'><canvas id='system_status_chart'></canvas></div>
</div>

View File

@@ -56,7 +56,7 @@
//add doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
<div style='width: 175px; height: 175px;'><canvas id='new_messages_chart'></canvas></div>
</div>

View File

@@ -77,7 +77,7 @@
//add doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
<div style='width: 175px; height: 175px;'><canvas id='missed_calls_chart'></canvas></div>
</div>

View File

@@ -76,7 +76,7 @@
//add doughnut chart
?>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 10px;'>
<div style='display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;'>
<div style='width: 175px; height: 175px;'><canvas id='recent_calls_chart'></canvas></div>
</div>

View File

@@ -223,7 +223,7 @@
/* Screen smaller than 550px? 1 columns */
@media (max-width: 575px) {
.widgets { grid-template-columns: repeat(1, 1fr); }
.widgets { grid-template-columns: repeat(1, minmax(100px, 1fr)); }
.col-num { grid-column: span 1; }
<?php
foreach($dashboard as $row) {
@@ -240,7 +240,7 @@
/* Screen larger than 550px? 2 columns */
@media (min-width: 575px) {
.widgets { grid-template-columns: repeat(2, 1fr); }
.widgets { grid-template-columns: repeat(2, minmax(100px, 1fr)); }
.col-num { grid-column: span 2; }
<?php
foreach($dashboard as $row) {
@@ -261,7 +261,7 @@
/* Screen larger than 1300px? 3 columns */
@media (min-width: 1300px) {
.widgets { grid-template-columns: repeat(3, 1fr); }
.widgets { grid-template-columns: repeat(3, minmax(100px, 1fr)); }
.col-num { grid-column: span 2; }
<?php
foreach($dashboard as $row) {
@@ -279,13 +279,13 @@
/* Screen larger than 1500px? 4 columns */
@media (min-width: 1500px) {
.widgets { grid-template-columns: repeat(4, 1fr); }
.widgets { grid-template-columns: repeat(4, minmax(100px, 1fr)); }
.col-num { grid-column: span 2; }
}
/* Screen larger than 2000px? 5 columns */
@media (min-width: 2000px) {
.widgets { grid-template-columns: repeat(5, 1fr); }
.widgets { grid-template-columns: repeat(5, minmax(100px, 1fr)); }
.col-num { grid-column: span 2; }
}