Skip to content

Commit cb95e94

Browse files
AlecRustAlecRust
authored
Refactor .units-table cell centering (hestiacp#3659)
1 parent 9dbdbf0 commit cb95e94

File tree

11 files changed

+96
-95
lines changed

11 files changed

+96
-95
lines changed

‎web/css/src/themes/default.css‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -986,11 +986,6 @@
986986
padding-top: 10px;
987987
padding-bottom: 10px;
988988
}
989-
990-
/* Metadata cells */
991-
&:not(:nth-child(1), :nth-child(2)) {
992-
text-align: center;
993-
}
994989
}
995990
}
996991

‎web/css/src/utilities.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,12 @@
4141
text-align: center !important;
4242
}
4343

44+
.u-text-center-desktop {
45+
@media (--viewport-large) {
46+
text-align: center !important;
47+
}
48+
}
49+
4450
.u-text-small {
4551
font-size: 0.75rem !important;
4652
}

‎web/templates/pages/list_access_keys.php‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -53,9 +53,9 @@
5353
</div>
5454
<div class="units-table-cell"><?= _("Access Key") ?></div>
5555
<div class="units-table-cell"></div>
56-
<div class="units-table-cell"><?= _("Comment") ?></div>
57-
<div class="units-table-cell"><?= _("Date") ?></div>
58-
<div class="units-table-cell"><?= _("Time") ?></div>
56+
<div class="units-table-cell u-text-center"><?= _("Comment") ?></div>
57+
<div class="units-table-cell u-text-center"><?= _("Date") ?></div>
58+
<div class="units-table-cell u-text-center"><?= _("Time") ?></div>
5959
</div>
6060

6161
<?php
@@ -100,15 +100,15 @@ class="units-table-row-action-link data-controls js-confirm-action"
100100
</li>
101101
</ul>
102102
</div>
103-
<div class="units-table-cell u-text-bold">
103+
<div class="units-table-cell u-text-bold u-text-center-desktop">
104104
<span class="u-hide-desktop"><?= _("Comment") ?>:</span>
105105
<?= _($key_comment) ?>
106106
</div>
107-
<div class="units-table-cell u-text-bold">
107+
<div class="units-table-cell u-text-bold u-text-center-desktop">
108108
<span class="u-hide-desktop"><?= _("Date") ?>:</span>
109109
<time datetime="<?= $key_date ?>"><?= $key_date ?></time>
110110
</div>
111-
<div class="units-table-cell u-text-bold">
111+
<div class="units-table-cell u-text-bold u-text-center-desktop">
112112
<span class="u-hide-desktop"><?= _("Time") ?>:</span>
113113
<?= $key_time ?>
114114
</div>

‎web/templates/pages/list_backup.php‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -43,10 +43,10 @@
4343
</div>
4444
<div class="units-table-cell"><?= _("File Name") ?></div>
4545
<div class="units-table-cell"></div>
46-
<div class="units-table-cell"><?= _("Date") ?></div>
47-
<div class="units-table-cell"><?= _("Size") ?></div>
48-
<div class="units-table-cell"><?= _("Type") ?></div>
49-
<div class="units-table-cell"><?= _("Runtime") ?></div>
46+
<div class="units-table-cell u-text-center"><?= _("Date") ?></div>
47+
<div class="units-table-cell u-text-center"><?= _("Size") ?></div>
48+
<div class="units-table-cell u-text-center"><?= _("Type") ?></div>
49+
<div class="units-table-cell u-text-center"><?= _("Runtime") ?></div>
5050
</div>
5151

5252
<!-- Begin user backup list item loop -->
@@ -124,13 +124,13 @@ class="units-table-row-action-link data-controls js-confirm-action"
124124
</ul>
125125
<?php } ?>
126126
</div>
127-
<div class="units-table-cell">
127+
<div class="units-table-cell u-text-center-desktop">
128128
<span class="u-hide-desktop u-text-bold"><?= _("Date") ?>:</span>
129129
<span class="u-text-bold">
130130
<?= translate_date($data[$key]["DATE"]) ?>
131131
</span>
132132
</div>
133-
<div class="units-table-cell">
133+
<div class="units-table-cell u-text-center-desktop">
134134
<span class="u-hide-desktop u-text-bold"><?= _("Size") ?>:</span>
135135
<span class="u-text-bold">
136136
<?= humanize_usage_size($data[$key]["SIZE"]) ?>
@@ -139,11 +139,11 @@ class="units-table-row-action-link data-controls js-confirm-action"
139139
<?= humanize_usage_measure($data[$key]["SIZE"]) ?>
140140
</span>
141141
</div>
142-
<div class="units-table-cell">
142+
<div class="units-table-cell u-text-center-desktop">
143143
<span class="u-hide-desktop u-text-bold"><?= _("Type") ?>:</span>
144144
<?= $data[$key]["TYPE"] ?>
145145
</div>
146-
<div class="units-table-cell">
146+
<div class="units-table-cell u-text-center-desktop">
147147
<span class="u-hide-desktop u-text-bold"><?= _("Runtime") ?>:</span>
148148
<?= humanize_time($data[$key]["RUNTIME"]) ?>
149149
</div>

‎web/templates/pages/list_cron.php‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -74,11 +74,11 @@
7474
</div>
7575
<div class="units-table-cell"><?= _("Command") ?></div>
7676
<div class="units-table-cell"></div>
77-
<div class="units-table-cell"><?= _("Minute") ?></div>
78-
<div class="units-table-cell"><?= _("Hour") ?></div>
79-
<div class="units-table-cell"><?= _("Day") ?></div>
80-
<div class="units-table-cell"><?= _("Month") ?></div>
81-
<div class="units-table-cell"><?= _("Day of Week") ?></div>
77+
<div class="units-table-cell u-text-center"><?= _("Minute") ?></div>
78+
<div class="units-table-cell u-text-center"><?= _("Hour") ?></div>
79+
<div class="units-table-cell u-text-center"><?= _("Day") ?></div>
80+
<div class="units-table-cell u-text-center"><?= _("Month") ?></div>
81+
<div class="units-table-cell u-text-center"><?= _("Day of Week") ?></div>
8282
</div>
8383

8484
<!-- Begin cron job list item loop -->
@@ -162,23 +162,23 @@ class="units-table-row-action-link data-controls js-confirm-action"
162162
</ul>
163163
<?php } ?>
164164
</div>
165-
<div class="units-table-cell">
165+
<div class="units-table-cell u-text-center-desktop">
166166
<span class="u-hide-desktop u-text-bold"><?= _("Minute") ?>:</span>
167167
<?= $data[$key]["MIN"] ?>
168168
</div>
169-
<div class="units-table-cell">
169+
<div class="units-table-cell u-text-center-desktop">
170170
<span class="u-hide-desktop u-text-bold"><?= _("Hour") ?>:</span>
171171
<?= $data[$key]["HOUR"] ?>
172172
</div>
173-
<div class="units-table-cell">
173+
<div class="units-table-cell u-text-center-desktop">
174174
<span class="u-hide-desktop u-text-bold"><?= _("Day") ?>:</span>
175175
<?= $data[$key]["DAY"] ?>
176176
</div>
177-
<div class="units-table-cell">
177+
<div class="units-table-cell u-text-center-desktop">
178178
<span class="u-hide-desktop u-text-bold"><?= _("Month") ?>:</span>
179179
<?= $data[$key]["MONTH"] ?>
180180
</div>
181-
<div class="units-table-cell">
181+
<div class="units-table-cell u-text-center-desktop">
182182
<span class="u-hide-desktop u-text-bold"><?= _("Day of Week") ?>:</span>
183183
<?= $data[$key]["WDAY"] ?>
184184
</div>

‎web/templates/pages/list_dns.php‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -75,12 +75,12 @@
7575
</div>
7676
<div class="units-table-cell"><?= _("Name") ?></div>
7777
<div class="units-table-cell"></div>
78-
<div class="units-table-cell"><?= _("Records") ?></div>
79-
<div class="units-table-cell"><?= _("Template") ?></div>
80-
<div class="units-table-cell"><?= _("TTL") ?></div>
81-
<div class="units-table-cell"><?= _("SOA") ?></div>
82-
<div class="units-table-cell"><?= _("DNSSEC") ?></div>
83-
<div class="units-table-cell"><?= _("Expiration Date") ?></div>
78+
<div class="units-table-cell u-text-center"><?= _("Records") ?></div>
79+
<div class="units-table-cell u-text-center"><?= _("Template") ?></div>
80+
<div class="units-table-cell u-text-center"><?= _("TTL") ?></div>
81+
<div class="units-table-cell u-text-center"><?= _("SOA") ?></div>
82+
<div class="units-table-cell u-text-center"><?= _("DNSSEC") ?></div>
83+
<div class="units-table-cell u-text-center"><?= _("Expiration Date") ?></div>
8484
</div>
8585

8686
<!-- Begin DNS zone list item loop -->
@@ -203,33 +203,33 @@ class="units-table-row-action-link data-controls js-confirm-action"
203203
</ul>
204204
<?php } ?>
205205
</div>
206-
<div class="units-table-cell">
206+
<div class="units-table-cell u-text-center-desktop">
207207
<span class="u-hide-desktop u-text-bold"><?= _("Records") ?>:</span>
208208
<?php if ($data[$key]['RECORDS']) {
209209
echo '<span>'.$data[$key]['RECORDS'].'</span>';
210210
} else {
211211
echo '<span>0</span>';
212212
} ?>
213213
</div>
214-
<div class="units-table-cell">
214+
<div class="units-table-cell u-text-center-desktop">
215215
<span class="u-hide-desktop u-text-bold"><?= _("Template") ?>:</span>
216216
<span class="u-text-bold">
217217
<?= $data[$key]["TPL"] ?>
218218
</span>
219219
</div>
220-
<div class="units-table-cell">
220+
<div class="units-table-cell u-text-center-desktop">
221221
<span class="u-hide-desktop u-text-bold"><?= _("TTL") ?>:</span>
222222
<?= $data[$key]["TTL"] ?>
223223
</div>
224-
<div class="units-table-cell">
224+
<div class="units-table-cell u-text-center-desktop">
225225
<span class="u-hide-desktop u-text-bold"><?= _("SOA") ?>:</span>
226226
<?= $data[$key]["SOA"] ?>
227227
</div>
228-
<div class="units-table-cell">
228+
<div class="units-table-cell u-text-center-desktop">
229229
<span class="u-hide-desktop u-text-bold"><?= _("DNSSEC") ?>:</span>
230230
<i class="fas <?= $dnssec_icon ?>" title="<?= $dnssec_title ?>"></i>
231231
</div>
232-
<div class="units-table-cell">
232+
<div class="units-table-cell u-text-center-desktop">
233233
<span class="u-hide-desktop u-text-bold"><?= _("Expiration Date") ?>:</span>
234234
<time class="u-text-bold" datetime="<?= $data[$key]["EXP"] ?>">
235235
<?= $data[$key]["EXP"] ?>

‎web/templates/pages/list_firewall_banlist.php‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -34,9 +34,9 @@
3434
</div>
3535
<div class="units-table-cell"><?= _("IP Address") ?></div>
3636
<div class="units-table-cell"></div>
37-
<div class="units-table-cell"><?= _("Date") ?></div>
38-
<div class="units-table-cell"><?= _("Time") ?></div>
39-
<div class="units-table-cell"><?= _("Comment") ?></div>
37+
<div class="units-table-cell u-text-center"><?= _("Date") ?></div>
38+
<div class="units-table-cell u-text-center"><?= _("Time") ?></div>
39+
<div class="units-table-cell u-text-center"><?= _("Comment") ?></div>
4040
</div>
4141

4242
<!-- Begin banned IP address list item loop -->
@@ -72,15 +72,15 @@ class="units-table-row-action-link data-controls js-confirm-action"
7272
</li>
7373
</ul>
7474
</div>
75-
<div class="units-table-cell">
75+
<div class="units-table-cell u-text-center-desktop">
7676
<span class="u-hide-desktop u-text-bold"><?= _("Date") ?>:</span>
7777
<time datetime="<?= _($data[$key]["DATE"]) ?>"><?= _($data[$key]["DATE"]) ?></time>
7878
</div>
79-
<div class="units-table-cell">
79+
<div class="units-table-cell u-text-center-desktop">
8080
<span class="u-hide-desktop u-text-bold"><?= _("Time") ?>:</span>
8181
<?= $data[$key]["TIME"] ?>
8282
</div>
83-
<div class="units-table-cell u-text-bold">
83+
<div class="units-table-cell u-text-center-desktop u-text-bold">
8484
<span class="u-hide-desktop"><?= _("Comment") ?>:</span>
8585
<?= _($value["CHAIN"]) ?>
8686
</div>

‎web/templates/pages/list_firewall_ipset.php‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,10 @@
3434
</div>
3535
<div class="units-table-cell"><?= _("IP List Name") ?></div>
3636
<div class="units-table-cell"></div>
37-
<div class="units-table-cell"><?= _("Auto Update") ?></div>
38-
<div class="units-table-cell"><?= _("IP Version") ?></div>
39-
<div class="units-table-cell"><?= _("Date") ?></div>
40-
<div class="units-table-cell"><?= _("Time") ?></div>
37+
<div class="units-table-cell u-text-center"><?= _("Auto Update") ?></div>
38+
<div class="units-table-cell u-text-center"><?= _("IP Version") ?></div>
39+
<div class="units-table-cell u-text-center"><?= _("Date") ?></div>
40+
<div class="units-table-cell u-text-center"><?= _("Time") ?></div>
4141
</div>
4242

4343
<!-- Begin firewall IP address list item loop -->
@@ -70,23 +70,23 @@ class="units-table-row-action-link data-controls js-confirm-action"
7070
</li>
7171
</ul>
7272
</div>
73-
<div class="units-table-cell u-text-bold">
73+
<div class="units-table-cell u-text-bold u-text-center-desktop">
7474
<span class="u-hide-desktop"><?= _("Auto Update") ?>:</span>
7575
<?php if ($data[$key]["AUTOUPDATE"] == "no") { ?>
7676
<i class="fas fa-circle-xmark icon-red" title="<?= _("Disabled") ?>"></i>
7777
<?php } else { ?>
7878
<i class="fas fa-circle-check icon-green" title="<?= _("Enabled") ?>"></i>
7979
<?php } ?>
8080
</div>
81-
<div class="units-table-cell">
81+
<div class="units-table-cell u-text-center-desktop">
8282
<span class="u-hide-desktop u-text-bold"><?= _("IP Version") ?>:</span>
8383
<?= _($data[$key]["IP_VERSION"]) ?>
8484
</div>
85-
<div class="units-table-cell">
85+
<div class="units-table-cell u-text-center-desktop">
8686
<span class="u-hide-desktop u-text-bold"><?= _("Date") ?>:</span>
8787
<time datetime="<?= _($data[$key]["DATE"]) ?>"><?= _($data[$key]["DATE"]) ?></time>
8888
</div>
89-
<div class="units-table-cell">
89+
<div class="units-table-cell u-text-center-desktop">
9090
<span class="u-hide-desktop u-text-bold"><?= _("Time") ?>:</span>
9191
<?= $data[$key]["TIME"] ?>
9292
</div>

‎web/templates/pages/list_mail.php‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -72,12 +72,12 @@
7272
</div>
7373
<div class="units-table-cell"><?= _("Name") ?></div>
7474
<div class="units-table-cell"></div>
75-
<div class="units-table-cell"><?= _("Accounts") ?></div>
76-
<div class="units-table-cell"><?= _("Disk") ?></div>
77-
<div class="units-table-cell"><?= _("Anti-Virus") ?></div>
78-
<div class="units-table-cell"><?= _("Spam Filter") ?></div>
79-
<div class="units-table-cell"><?= _("DKIM") ?></div>
80-
<div class="units-table-cell"><?= _("SSL") ?></div>
75+
<div class="units-table-cell u-text-center"><?= _("Accounts") ?></div>
76+
<div class="units-table-cell u-text-center"><?= _("Disk") ?></div>
77+
<div class="units-table-cell u-text-center"><?= _("Anti-Virus") ?></div>
78+
<div class="units-table-cell u-text-center"><?= _("Spam Filter") ?></div>
79+
<div class="units-table-cell u-text-center"><?= _("DKIM") ?></div>
80+
<div class="units-table-cell u-text-center"><?= _("SSL") ?></div>
8181
</div>
8282

8383
<!-- Begin mail domain list item loop -->
@@ -290,7 +290,7 @@ class="units-table-row-action-link data-controls js-confirm-action"
290290
<?php } ?>
291291
</ul>
292292
</div>
293-
<div class="units-table-cell">
293+
<div class="units-table-cell u-text-center-desktop">
294294
<span class="u-hide-desktop u-text-bold"><?= _("Accounts") ?>:</span>
295295
<?php
296296
if ($data[$key]['ACCOUNTS']) {
@@ -301,7 +301,7 @@ class="units-table-row-action-link data-controls js-confirm-action"
301301
?>
302302
<?= $mail_accounts ?>
303303
</div>
304-
<div class="units-table-cell">
304+
<div class="units-table-cell u-text-center-desktop">
305305
<span class="u-hide-desktop u-text-bold"><?= _("Disk") ?>:</span>
306306
<span class="u-text-bold">
307307
<?= humanize_usage_size($data[$key]['U_DISK']) ?>
@@ -310,19 +310,19 @@ class="units-table-row-action-link data-controls js-confirm-action"
310310
<?= humanize_usage_measure($data[$key]['U_DISK']) ?>
311311
</span>
312312
</div>
313-
<div class="units-table-cell">
313+
<div class="units-table-cell u-text-center-desktop">
314314
<span class="u-hide-desktop u-text-bold"><?= _("Anti-Virus") ?>:</span>
315315
<i class="fas <?= $antivirus_icon ?>" title="<?= $antivirus_title ?>"></i>
316316
</div>
317-
<div class="units-table-cell">
317+
<div class="units-table-cell u-text-center-desktop">
318318
<span class="u-hide-desktop u-text-bold"><?= _("Spam Filter") ?>:</span>
319319
<i class="fas <?= $antispam_icon ?>" title="<?= $antispam_title ?>"></i>
320320
</div>
321-
<div class="units-table-cell">
321+
<div class="units-table-cell u-text-center-desktop">
322322
<span class="u-hide-desktop u-text-bold"><?= _("DKIM") ?>:</span>
323323
<i class="fas <?= $dkim_icon ?>" title="<?= $dkim_title ?>"></i>
324324
</div>
325-
<div class="units-table-cell">
325+
<div class="units-table-cell u-text-center-desktop">
326326
<span class="u-hide-desktop u-text-bold"><?= _("SSL") ?>:</span>
327327
<i class="fas <?= $ssl_icon ?>" title="<?= $ssl_title ?>"></i>
328328
</div>

0 commit comments

Comments
 (0)