Skip to content

Commit 099aa47

Browse files
AlecRustAlecRust
authored
More UI refinements (hestiacp#2983)
1 parent 65e8764 commit 099aa47

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+185
-183
lines changed

‎web/css/dependencies/jquery-ui.custom.min.css‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/css/src/dependencies/jquery-ui.custom.css‎

Lines changed: 1 addition & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* jQuery UI v1.13.2 + few changes
2+
* Some parts of jQuery UI v1.13.2
33
*/
44

55
/* Dialog */
@@ -154,15 +154,3 @@
154154
width: 100%;
155155
height: 100%;
156156
}
157-
158-
/* NOTE: Custom changes follow */
159-
160-
/* Hide the default close button in dialog header */
161-
.ui-dialog-titlebar-close {
162-
display: none;
163-
}
164-
165-
/* Set high z-index for dialog to override .l-header */
166-
.ui-front {
167-
z-index: 1000;
168-
}

‎web/css/src/themes/dark.css‎

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -219,9 +219,6 @@ a {
219219
.card .card-thumb img {
220220
}
221221

222-
.card button {
223-
}
224-
225222
.l-stat {
226223
background-color: #282828;
227224
}
@@ -846,7 +843,7 @@ td.hint {
846843
box-shadow:
847844
0 1px 4px rgb(0 0 0 / 10%),
848845
inset 0 0 1px #000,
849-
inset 0 0 3px rgb(0 0 0 / 50%) !important;
846+
inset 0 0 3px rgb(0 0 0 / 50%);
850847
}
851848

852849
.ui-button,
@@ -1304,7 +1301,7 @@ form#vstobjects.suspended {
13041301
}
13051302

13061303
.ui-dialog .ui-dialog-buttonpane {
1307-
border-top: 1px solid #404040 !important;
1304+
border-top: 1px solid #404040;
13081305
}
13091306

13101307
.shortcuts {
@@ -1415,19 +1412,19 @@ form#vstobjects.suspended {
14151412
}
14161413

14171414
.ui-dialog {
1418-
background-color: rgb(45 45 45 / 95%) !important;
1419-
border: 1px solid rgb(80 80 80 / 97%) !important;
1415+
background-color: rgb(45 45 45 / 95%);
1416+
border: 1px solid rgb(80 80 80 / 97%);
14201417
box-shadow:
14211418
inset 0 1px 3px rgb(0 0 0 / 25%),
1422-
0 8px 25px rgb(0 0 0 / 90%) !important;
1419+
0 8px 25px rgb(0 0 0 / 90%);
14231420
}
14241421

14251422
.ui-dialog .ui-dialog-content {
1426-
color: #dadada !important;
1423+
color: #dadada;
14271424
}
14281425

14291426
.ui-dialog .ui-dialog-title {
1430-
color: #f12569 !important;
1427+
color: #f12569;
14311428
font-weight: 600;
14321429
}
14331430

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

Lines changed: 56 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -196,6 +196,18 @@ body {
196196
background: radial-gradient(circle, rgb(102 158 231 / 100%) 0%, rgb(43 86 177 / 100%) 100%) !important;
197197
}
198198

199+
p,
200+
pre {
201+
margin: 0;
202+
}
203+
204+
ol,
205+
ul {
206+
list-style: none;
207+
margin: 0;
208+
padding: 0;
209+
}
210+
199211
a {
200212
text-decoration: none;
201213
color: #7c7c7c;
@@ -394,7 +406,6 @@ a {
394406
.notification-container {
395407
background-color: rgb(255 255 255 / 95%);
396408
box-shadow: 0 3px 20px 0 rgb(0 0 0 / 40%);
397-
list-style-type: none;
398409
margin: 0 18px;
399410
max-height: 90%;
400411
overflow-y: auto;
@@ -403,7 +414,6 @@ a {
403414
width: 390px;
404415
z-index: 300;
405416
font-size: 0.8rem;
406-
padding: 0;
407417
color: #6f6f6f;
408418
border-bottom-left-radius: 6px;
409419
border-bottom-right-radius: 6px;
@@ -606,11 +616,10 @@ form#vstobjects .alert {
606616
}
607617

608618
.card {
609-
float: left;
619+
box-sizing: border-box;
610620
overflow: hidden;
611621
background-color: #f5f5f5;
612622
border: 1px solid #d3d3d3;
613-
box-sizing: border-box;
614623
width: 200px;
615624
min-height: 260px;
616625
margin: 1em;
@@ -648,22 +657,19 @@ form#vstobjects .alert {
648657
}
649658

650659
.card .card-thumb {
660+
box-sizing: border-box;
651661
background-color: #fff;
652-
display: block;
653-
height: 180px;
662+
display: flex;
663+
align-items: center;
664+
justify-content: center;
654665
width: 200px;
655-
text-align: center;
666+
height: 180px;
667+
padding: 20px;
656668
}
657669

658670
.card .card-thumb img {
659-
max-height: 180px;
660-
max-width: 200px;
661-
height: auto;
662-
width: auto;
663-
}
664-
665-
.card button {
666-
margin: 0.3em;
671+
max-width: 100%;
672+
max-height: 100%;
667673
}
668674

669675
.l-stat {
@@ -728,7 +734,6 @@ form#vstobjects .alert {
728734
}
729735

730736
.l-stat__col ul {
731-
list-style-type: none;
732737
font-size: 0.75rem;
733738
padding-left: 0;
734739
line-height: 14px;
@@ -849,15 +854,12 @@ div.l-content > div.l-separator:nth-of-type(4) {
849854
position: absolute;
850855
z-index: 3;
851856
left: 397px;
852-
margin: 0;
853857
overflow: hidden;
854858
top: 42px;
855859
background-color: rgb(255 255 255 / 95%);
856-
list-style-type: none;
857860
box-shadow: 0 2px 14px 0 rgb(20 20 20 / 35%);
858861
border-radius: 4px;
859862
border: 1px solid rgb(255 255 255 / 100%);
860-
padding: 0;
861863
}
862864

863865
.context-menu.sort-order li {
@@ -2534,19 +2536,29 @@ td.hint {
25342536
display: none;
25352537
}
25362538

2539+
/* Hide the default close button in dialog header */
2540+
.ui-dialog-titlebar-close {
2541+
display: none;
2542+
}
2543+
2544+
/* Set high z-index for dialog to override .l-header */
2545+
.ui-front {
2546+
z-index: 1000;
2547+
}
2548+
25372549
.ui-dialog .ui-dialog-buttonpane button {
25382550
margin-bottom: 4px;
25392551
box-shadow:
25402552
0 1px 4px rgb(0 0 0 / 20%),
25412553
inset 0 0 1px #fff,
2542-
inset 0 0 3px rgb(255 255 255 / 50%) !important;
2554+
inset 0 0 3px rgb(255 255 255 / 50%);
25432555
}
25442556

25452557
.ui-dialog .ui-dialog-buttonpane {
2546-
border-color: #fff !important;
2558+
border-color: #fff;
25472559
box-shadow: inset 0 0 2px rgb(0 0 0 / 25%);
2548-
margin-top: 0 !important;
2549-
padding: 0 !important;
2560+
margin-top: 0;
2561+
padding: 0;
25502562
}
25512563

25522564
.ui-button,
@@ -3434,7 +3446,6 @@ form#vstobjects.suspended {
34343446
}
34353447

34363448
.shortcuts ul {
3437-
list-style-type: none;
34383449
padding: 30px 20px;
34393450
float: left;
34403451
width: 360px;
@@ -3465,7 +3476,6 @@ form#vstobjects.suspended {
34653476

34663477
.description ul {
34673478
margin-top: 15px;
3468-
list-style: none;
34693479
padding-left: 0;
34703480
}
34713481

@@ -3529,30 +3539,30 @@ form#vstobjects.suspended {
35293539
}
35303540

35313541
.ui-dialog {
3532-
font-family: Exo, Arial, Helvetica, sans-serif !important;
3533-
font-weight: 500 !important;
3534-
background-color: rgb(255 255 255 / 90%) !important;
3542+
font-family: Exo, Arial, Helvetica, sans-serif;
3543+
font-weight: 500;
3544+
background-color: rgb(255 255 255 / 90%);
35353545
box-shadow:
35363546
inset 0 1px 3px rgb(0 0 0 / 25%),
3537-
0 8px 40px 0 rgb(0 0 0 / 35%) !important;
3538-
border-radius: 6px !important;
3539-
border: 1px solid rgb(255 255 255 / 98%) !important;
3540-
text-align: center !important;
3547+
0 8px 40px 0 rgb(0 0 0 / 35%);
3548+
border-radius: 6px;
3549+
border: 1px solid rgb(255 255 255 / 98%);
3550+
text-align: center;
35413551
}
35423552

35433553
.ui-dialog .ui-dialog-content {
3544-
color: #535353 !important;
3545-
padding: 10px 26px 30px !important;
3554+
color: #535353;
3555+
padding: 20px 26px 30px;
35463556
}
35473557

35483558
.ui-dialog .ui-dialog-title {
3549-
margin: 0 !important;
3550-
color: #305ba9 !important;
3551-
font-size: 1.2em !important;
3552-
text-transform: none !important;
3553-
letter-spacing: -0.01em !important;
3554-
text-align: center !important;
3555-
float: none !important;
3559+
margin: 0;
3560+
color: #305ba9;
3561+
font-size: 1.2em;
3562+
text-transform: none;
3563+
letter-spacing: -0.01em;
3564+
text-align: center;
3565+
float: none;
35563566
font-weight: 500;
35573567
}
35583568

@@ -3903,6 +3913,11 @@ li[aria-expanded="true"] a {
39033913
align-items: center !important;
39043914
}
39053915

3916+
.u-list-bulleted {
3917+
list-style: disc !important;
3918+
padding-left: 40px !important;
3919+
}
3920+
39063921
.u-flex-align-center {
39073922
display: flex !important;
39083923
justify-content: center !important;

‎web/css/src/themes/flat.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@ strong {
164164
}
165165

166166
.ui-dialog {
167-
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%) !important;
167+
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%);
168168
}
169169

170170
.alert {

‎web/css/src/themes/vestia.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -233,7 +233,7 @@ strong {
233233
}
234234

235235
.ui-dialog {
236-
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%) !important;
236+
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%);
237237
}
238238

239239
.alert {
@@ -425,15 +425,15 @@ a.vst-text:hover b,
425425
.ui-widget,
426426
.ui-dialog,
427427
.ui-dialog .ui-dialog-title {
428-
font-family: Arial, Helvetica, sans-serif !important;
428+
font-family: Arial, Helvetica, sans-serif;
429429
}
430430

431431
.ui-dialog .ui-dialog-title {
432-
color: #111 !important;
432+
color: #111;
433433
}
434434

435435
.ui-dialog .ui-dialog-content {
436-
color: #333 !important;
436+
color: #333;
437437
}
438438

439439
.l-unit-toolbar__buttonstrip .ui-button {

‎web/css/themes/dark.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/css/themes/default.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎web/css/themes/flat.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)