Skip to content

Commit 2c4f481

Browse files
AlecRustAlecRust
authored
UI tidy (hestiacp#3022)
1 parent 6dbfcdf commit 2c4f481

Some content is hidden

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

62 files changed

+358
-493
lines changed

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

Lines changed: 17 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -687,48 +687,20 @@ textarea:focus::placeholder {
687687
text-transform: none !important;
688688
}
689689

690-
.login .vst-advanced:hover {
691-
color: #ff3478 !important;
692-
background-color: transparent;
693-
border-color: transparent;
694-
border: none !important;
695-
background: none !important;
696-
box-shadow: none !important;
697-
}
698-
699-
.login .vst-advanced:active {
700-
color: #be1f54 !important;
701-
border: none !important;
702-
background: none !important;
703-
box-shadow: none !important;
704-
}
705-
706690
.vst-advanced:hover {
707691
color: #fff;
708692
background-color: #ff3478;
709693
border-color: #ff3478;
710694
text-decoration: none;
711695
}
712696

713-
.login .vst-advanced:active,
714697
.vst-advanced:active {
715698
color: #fff;
716699
background-color: #be1f54;
717700
border-color: #be1f54;
718701
text-decoration: none;
719702
}
720703

721-
.login .vst-advanced {
722-
border-bottom: none;
723-
color: #326b9b;
724-
font-size: 0.85em !important;
725-
text-decoration: none;
726-
text-transform: uppercase;
727-
border: none !important;
728-
background: none !important;
729-
box-shadow: none !important;
730-
}
731-
732704
.lets-encrypt-note {}
733705

734706
.additional-control {
@@ -986,6 +958,12 @@ a.button.cancel {
986958

987959
}
988960

961+
.body-login,
962+
.body-reset {
963+
background: #303030;
964+
background: radial-gradient(circle, rgb(77 77 77 / 100%) 0%, rgb(31 31 31 / 100%) 100%);
965+
}
966+
989967
.login {
990968
background-color: #282828;
991969
box-shadow: 0 8px 25px rgb(0 0 0 / 30%), inset 0 0 2px rgb(0 0 0 / 25%);
@@ -995,10 +973,20 @@ a.button.cancel {
995973
color: #fff;
996974
}
997975

998-
.login a.error {
976+
.login .error {
999977
color: #f864fa;
1000978
}
1001979

980+
.login .label-link {
981+
color: #eee;
982+
text-transform: initial;
983+
font-weight: 400;
984+
}
985+
986+
.login .label-link:hover {
987+
color: #ff3478;
988+
}
989+
1002990
.form-title {
1003991
color: #e8e8e8;
1004992
}
@@ -1226,38 +1214,6 @@ form#vstobjects.suspended {
12261214
border-bottom: 1px solid #353535;
12271215
}
12281216

1229-
.shortcuts .close {
1230-
1231-
}
1232-
1233-
.shortcuts .close:hover {
1234-
1235-
}
1236-
1237-
.shortcuts .close:active {
1238-
1239-
}
1240-
1241-
.shortcuts .close .fas {
1242-
1243-
}
1244-
1245-
.shortcuts ul {
1246-
1247-
}
1248-
1249-
.shortcuts ul li {
1250-
1251-
}
1252-
1253-
.shortcuts ul li span {
1254-
1255-
}
1256-
1257-
.shortcuts ul li span.bigger {
1258-
1259-
}
1260-
12611217
.description {
12621218

12631219
}
@@ -1386,12 +1342,6 @@ li[aria-expanded="true"] a {
13861342
border-radius: 8px;
13871343
}
13881344

1389-
.body-login,
1390-
.body-reset {
1391-
background: #303030 !important;
1392-
background: radial-gradient(circle, rgb(77 77 77 / 100%) 0%, rgb(31 31 31 / 100%) 100%) !important;
1393-
}
1394-
13951345
.debug-panel-contents {
13961346
background-color: #282828;
13971347
}
@@ -1432,11 +1382,6 @@ li[aria-expanded="true"] a {
14321382
color: #fff !important;
14331383
}
14341384

1435-
.admin-warning-button {
1436-
padding-left: 65px !important;
1437-
padding-right: 65px !important;
1438-
}
1439-
14401385
@media screen and (max-width: 950px) {
14411386
.helper-container {
14421387
display: none;

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

Lines changed: 50 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -1037,16 +1037,6 @@ div.l-content > div.l-separator:nth-of-type(4) {
10371037
padding-right: 6px;
10381038
}
10391039

1040-
.body-login,
1041-
.body-reset {
1042-
height: auto;
1043-
display: flex;
1044-
justify-content: center;
1045-
padding-top: 10%;
1046-
background: rgb(102 158 231) !important;
1047-
background: radial-gradient(circle, rgb(102 158 231 / 100%) 0%, rgb(43 86 177 / 100%) 100%) !important;
1048-
}
1049-
10501040
.body-user .l-unit.animated.fadeIn {
10511041
line-height: 2rem;
10521042
}
@@ -2277,52 +2267,17 @@ body.mobile .l-icon-shortcuts {
22772267
text-transform: none;
22782268
}
22792269

2280-
.login .vst-advanced:hover {
2281-
color: #c36;
2282-
background-color: transparent;
2283-
border-color: transparent;
2284-
font-size: 0.85em !important;
2285-
box-shadow: none !important;
2286-
background: none !important;
2287-
border: none !important;
2288-
}
2289-
22902270
.vst-advanced:hover {
22912271
color: #fff;
22922272
background-color: #c36;
22932273
border-color: #c36;
22942274
text-decoration: none;
22952275
}
22962276

2297-
.login .vst-advanced:active {
2298-
color: #fff;
2299-
background-color: #f7d616;
2300-
border-color: #f7d616;
2301-
text-decoration: none;
2302-
font-size: 0.85em !important;
2303-
box-shadow: none !important;
2304-
background: none !important;
2305-
border: none !important;
2306-
}
2307-
23082277
.vst-advanced:active {
23092278
font-size: unset;
23102279
}
23112280

2312-
.login .vst-advanced {
2313-
border-bottom: none;
2314-
color: #326b9b;
2315-
text-decoration: none;
2316-
text-transform: uppercase;
2317-
font-size: 0.85em !important;
2318-
box-shadow: none !important;
2319-
background: none !important;
2320-
border: none !important;
2321-
height: auto !important;
2322-
padding: 0 !important;
2323-
min-width: 0 !important;
2324-
}
2325-
23262281
.lets-encrypt-note {
23272282
color: #89a40a !important;
23282283
font-style: italic;
@@ -2684,8 +2639,27 @@ a.button.cancel {
26842639
padding-left: 20px !important;
26852640
}
26862641

2642+
.body-login,
2643+
.body-reset {
2644+
height: auto;
2645+
display: flex;
2646+
justify-content: center;
2647+
padding-top: 10%;
2648+
background: rgb(102 158 231);
2649+
background: radial-gradient(circle, rgb(102 158 231 / 100%) 0%, rgb(43 86 177 / 100%) 100%);
2650+
}
2651+
2652+
.body-login .debug-panel-header,
2653+
.body-login .debug-panel-contents,
2654+
.body-reset .debug-panel-header,
2655+
.body-reset .debug-panel-contents {
2656+
display: none;
2657+
}
2658+
26872659
.login {
26882660
display: flex;
2661+
align-items: flex-end;
2662+
font-size: 0.85rem;
26892663
padding: 80px 50px;
26902664
background-color: rgb(255 255 255 / 70%);
26912665
border-radius: 6px;
@@ -2701,13 +2675,18 @@ a.button.cancel {
27012675
margin-bottom: 30px;
27022676
}
27032677

2704-
.login a.error {
2678+
.login .error {
27052679
color: #be5abf;
2706-
font-size: 0.8rem;
2680+
margin-bottom: 20px;
27072681
}
27082682

2709-
.login .form-label {
2710-
font-size: 0.85rem;
2683+
.login .label-link {
2684+
color: #326b9b;
2685+
text-transform: uppercase;
2686+
}
2687+
2688+
.login .label-link:hover {
2689+
color: #0077c6;
27112690
}
27122691

27132692
.login .form-control {
@@ -3128,8 +3107,8 @@ form#vstobjects.suspended {
31283107
}
31293108

31303109
.admin-warning-button {
3131-
padding-left: 59px !important;
3132-
padding-right: 59px !important;
3110+
padding-left: 65px !important;
3111+
padding-right: 65px !important;
31333112
}
31343113

31353114
.footer-banner {
@@ -3198,22 +3177,6 @@ form#vstobjects.suspended {
31983177
color: #fff;
31993178
}
32003179

3201-
.float-left {
3202-
float: left;
3203-
}
3204-
3205-
.float-right {
3206-
float: right;
3207-
}
3208-
3209-
.display-inline-block {
3210-
display: inline-block;
3211-
}
3212-
3213-
.width-100p {
3214-
width: 100%;
3215-
}
3216-
32173180
.l-sort-toolbar table td {
32183181
float: left;
32193182
margin-left: 10px;
@@ -3263,24 +3226,19 @@ form#vstobjects.suspended {
32633226
font-weight: 600;
32643227
}
32653228

3266-
.shortcuts .close {
3229+
.shortcuts-close {
32673230
cursor: pointer;
3268-
width: 20px;
3231+
padding: 5px;
32693232
}
32703233

3271-
.shortcuts .close:hover {
3234+
.shortcuts-close:hover {
32723235
color: #db0000;
32733236
}
32743237

3275-
.shortcuts .close:active {
3238+
.shortcuts-close:active {
32763239
color: #a60000;
32773240
}
32783241

3279-
.shortcuts .close .fas {
3280-
font-size: 0.8rem;
3281-
line-height: 1.4rem;
3282-
}
3283-
32843242
.shortcuts-inner {
32853243
display: flex;
32863244
width: 100%;
@@ -3614,13 +3572,6 @@ li[aria-expanded="true"] a {
36143572
color: #aaa !important;
36153573
}
36163574

3617-
.body-login .debug-panel-header,
3618-
.body-login .debug-panel-contents,
3619-
.body-reset .debug-panel-header,
3620-
.body-reset .debug-panel-contents {
3621-
display: none;
3622-
}
3623-
36243575
@media screen and (max-width: 950px) {
36253576
.helper-container {
36263577
display: none;
@@ -3735,6 +3686,18 @@ li[aria-expanded="true"] a {
37353686
display: none !important;
37363687
}
37373688

3689+
.u-inline-block {
3690+
display: inline-block !important;
3691+
}
3692+
3693+
.u-float-left {
3694+
float: left !important;
3695+
}
3696+
3697+
.u-float-right {
3698+
float: right !important;
3699+
}
3700+
37383701
.text-right {
37393702
text-align: right !important;
37403703
}
@@ -3771,6 +3734,10 @@ li[aria-expanded="true"] a {
37713734
margin-right: 15px !important;
37723735
}
37733736

3737+
.u-mr30 {
3738+
margin-right: 30px !important;
3739+
}
3740+
37743741
.u-mb5 {
37753742
margin-bottom: 5px !important;
37763743
}

0 commit comments

Comments
 (0)