소스 검색

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
AlexC 3 년 전
부모
커밋
3fd75560eb
1개의 변경된 파일5개의 추가작업 그리고 5개의 파일을 삭제
  1. 5 5
      core/dashboard/index.php

+ 5 - 5
core/dashboard/index.php

@@ -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; }
 }