Skip to content

Commit 7ec355b

Browse files
AlecRustAlecRust
authored
Tidy some CSS (hestiacp#3268)
* Nest/tidy some CSS * Fix wrapping * Tidy more CSS * Remove some !important
1 parent d128e3c commit 7ec355b

7 files changed

Lines changed: 95 additions & 105 deletions

File tree

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

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -313,7 +313,7 @@ strong {
313313

314314
.card-content {
315315
color: #fafafa;
316-
text-shadow: 0 1px rgb(0 0 0 / 95%) !important;
316+
text-shadow: 0 1px rgb(0 0 0 / 95%);
317317
}
318318

319319
/* Server summary component
@@ -448,17 +448,15 @@ strong {
448448
color: #dadada;
449449
}
450450

451-
.l-unit__stats:hover {
452-
background: transparent !important;
453-
}
454-
455-
.l-unit__stat-col--left a,
456-
.l-unit__stat-col--left a:visited {
457-
color: #fafafa;
458-
}
451+
.l-unit__stat-col--left {
452+
& a,
453+
& a:visited {
454+
color: #fafafa;
455+
}
459456

460-
.l-unit__stat-col--left a:hover {
461-
color: #fff;
457+
& a:hover {
458+
color: #fff;
459+
}
462460
}
463461

464462
/* Forms

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

Lines changed: 67 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -474,8 +474,8 @@
474474
}
475475

476476
@media (--viewport-large) {
477-
padding-left: 30px;
478-
padding-right: 30px;
477+
padding-left: 25px;
478+
padding-right: 25px;
479479
}
480480
}
481481

@@ -485,7 +485,7 @@
485485

486486
& .fas {
487487
color: #999;
488-
margin-left: 5px;
488+
margin-left: 6px;
489489
}
490490

491491
@media (--viewport-medium) {
@@ -1169,14 +1169,14 @@
11691169
.l-unit__stats {
11701170
margin-bottom: 10px;
11711171
margin-left: 15%;
1172-
border-left: 1px solid transparent !important;
1173-
border-right: 1px solid transparent !important;
1172+
border-left: 1px solid transparent;
1173+
border-right: 1px solid transparent;
11741174

11751175
&:hover {
1176-
border-left: 1px solid transparent !important;
1177-
border-right: 1px solid transparent !important;
1178-
box-shadow: none !important;
1179-
background: none !important;
1176+
border-left: 1px solid transparent;
1177+
border-right: 1px solid transparent;
1178+
box-shadow: none;
1179+
background: none;
11801180
}
11811181

11821182
& table {
@@ -1200,102 +1200,90 @@
12001200
float: right;
12011201
}
12021202

1203-
.l-unit__stat-col--left a,
1204-
.l-unit__stat-col--left a:visited {
1205-
color: #353535;
1206-
}
1207-
1208-
.l-unit__stat-col--left a:hover {
1209-
color: #4c8bbe;
1210-
}
1211-
12121203
.l-unit__stat-col--left {
12131204
float: left;
12141205
width: 110px;
1215-
}
12161206

1217-
.l-unit__stat-col--left.border {
1218-
border-left: 1px solid #ebebeb;
1219-
}
1207+
&.border {
1208+
border-left: 1px solid #ebebeb;
1209+
}
12201210

1221-
.l-unit__stat-col--left.border-clear {
1222-
border-left: 1px solid transparent;
1223-
}
1211+
&.border-clear {
1212+
border-left: 1px solid transparent;
1213+
}
12241214

1225-
.l-unit__stat-col--left.super-compact {
1226-
width: 50px;
1227-
white-space: nowrap;
1228-
}
1215+
& a,
1216+
& a:visited {
1217+
color: #353535;
1218+
}
12291219

1230-
.l-unit__stat-col--left.compact {
1231-
width: 60px;
1232-
}
1220+
& a:hover {
1221+
color: #4c8bbe;
1222+
}
12331223

1234-
.l-unit__stat-col--left.compact-1 {
1235-
width: 70px;
1236-
}
1224+
&.super-compact {
1225+
width: 50px;
1226+
white-space: nowrap;
1227+
}
12371228

1238-
.l-unit__stat-col--left.compact-2 {
1239-
width: 80px;
1240-
}
1229+
&.compact {
1230+
width: 60px;
1231+
}
12411232

1242-
.l-unit__stat-col--left.compact-3 {
1243-
width: 90px;
1244-
}
1233+
&.compact-1 {
1234+
width: 70px;
1235+
}
12451236

1246-
.l-unit__stat-col--left.compact-4 {
1247-
width: 130px;
1248-
}
1237+
&.compact-2 {
1238+
width: 80px;
1239+
}
12491240

1250-
.l-unit__stat-col--left.compact-5 {
1251-
width: 160px;
1252-
}
1241+
&.compact-3 {
1242+
width: 90px;
1243+
}
12531244

1254-
.l-unit__stat-col--left.wide {
1255-
width: 190px;
1256-
}
1245+
&.compact-4 {
1246+
width: 130px;
1247+
}
12571248

1258-
.l-unit__stat-col--left.wide-2 {
1259-
width: 230px;
1260-
}
1249+
&.compact-5 {
1250+
width: 160px;
1251+
}
12611252

1262-
.l-unit__stat-col--left.wide-3 {
1263-
width: 250px;
1264-
}
1253+
&.wide {
1254+
width: 190px;
1255+
}
12651256

1266-
.l-unit__stat-col--left.wide-4 {
1267-
width: 320px;
1268-
}
1257+
&.wide-2 {
1258+
width: 230px;
1259+
}
12691260

1270-
.l-unit__stat-col--left.wide-5 {
1271-
width: 350px;
1272-
}
1261+
&.wide-3 {
1262+
width: 250px;
1263+
}
12731264

1274-
.l-unit__stat-col--left.wide-6 {
1275-
width: 440px;
1276-
}
1265+
&.wide-4 {
1266+
width: 320px;
1267+
}
1268+
1269+
&.wide-5 {
1270+
width: 350px;
1271+
}
12771272

1278-
.l-unit__stat-col--left.wide-7 {
1279-
width: 550px;
1273+
&.wide-6 {
1274+
width: 440px;
1275+
}
1276+
1277+
&.wide-7 {
1278+
width: 550px;
1279+
}
12801280
}
12811281

12821282
.l-unit__stat-col--right {
12831283
float: left;
12841284
max-width: 170px;
12851285
}
12861286

1287-
.l-unit-toolbar__col--left {
1288-
float: left;
1289-
margin-left: -15px;
1290-
margin-top: 0;
1291-
padding-bottom: 0;
1292-
padding-left: 15px;
1293-
padding-top: 15px;
1294-
width: 30px;
1295-
cursor: pointer;
1296-
display: none;
1297-
}
1298-
12991287
.l-unit-toolbar__col--right {
13001288
float: right;
13011289
}

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

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -66,13 +66,15 @@ strong {
6666
box-shadow: none;
6767
}
6868

69-
.l-unit__stat-col--left a,
70-
.l-unit__stat-col--left a:visited {
71-
color: #5f7eb3;
72-
}
69+
.l-unit__stat-col--left {
70+
& a,
71+
& a:visited {
72+
color: #5f7eb3;
73+
}
7374

74-
.l-unit__stat-col--left a:hover {
75-
color: #474747;
75+
& a:hover {
76+
color: #5f7eb3;
77+
}
7678
}
7779

7880
.l-unit:hover,

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

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -218,13 +218,15 @@ strong {
218218
box-shadow: none;
219219
}
220220

221-
.l-unit__stat-col--left a,
222-
.l-unit__stat-col--left a:visited {
223-
color: #111;
224-
}
221+
.l-unit__stat-col--left {
222+
& a,
223+
& a:visited {
224+
color: #111;
225+
}
225226

226-
.l-unit__stat-col--left a:hover {
227-
color: #ff6701;
227+
& a:hover {
228+
color: #ff6701;
229+
}
228230
}
229231

230232
.l-unit:hover,

‎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)