Skip to content

Commit 4c65e31

Browse files
AlecRustAlecRust
authored
Migrate remaining tables to .units-table (hestiacp#3693)
* Formatting * Bump ESLint version * Migrate List DNS Rec to .units-table * Migrate List IP to .units-table * Migrate List Log Auth to .units-table * Tidy certificate download links * Migrate List Search to .units-table * Fix label spacing * Migrate List DNS Public to .units-table And remove unused sorting from toolbar. * Switch List DNS Public to read-only form * Formatting * Improve icon classes on List DNS * Migrate List Firewall to .units-table * Tidy * Update JS to reflect new list view HTML * Remove old list view CSS 🎉
1 parent 21414d2 commit 4c65e31

27 files changed

+542
-1122
lines changed

‎package-lock.json‎

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

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
"@typescript-eslint/parser": "^5.59.11",
3232
"cssnano": "^6.0.1",
3333
"esbuild": "^0.18.4",
34-
"eslint": "^8.42.0",
34+
"eslint": "^8.43.0",
3535
"eslint-config-prettier": "^8.8.0",
3636
"eslint-plugin-editorconfig": "^4.0.3",
3737
"eslint-plugin-import": "^2.27.5",

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

Lines changed: 0 additions & 145 deletions
Original file line numberDiff line numberDiff line change
@@ -351,98 +351,6 @@ strong {
351351
color: #fff;
352352
}
353353

354-
.units-header {
355-
background: #404040;
356-
border-left: 1px solid #212121;
357-
border-right: 1px solid #212121;
358-
border-bottom: 1px solid #212121;
359-
text-shadow: 0 1px rgb(0 0 0 / 95%);
360-
border-bottom-left-radius: 0;
361-
border-bottom-right-radius: 0;
362-
color: #dadada;
363-
box-shadow: inset 0 1px 1px rgb(0 0 0 / 30%);
364-
}
365-
366-
.l-unit {
367-
color: #dadada;
368-
}
369-
370-
.units .l-unit {
371-
background-color: #303030;
372-
border-bottom: 1px solid #282828;
373-
border-left: 1px solid #212121;
374-
border-right: 1px solid #212121;
375-
}
376-
377-
.l-unit:hover,
378-
.units .l-unit:hover {
379-
box-shadow: 0 2px 10px rgb(20 20 20 / 20%);
380-
background-color: #353535;
381-
text-shadow: 0 1px rgb(0 0 0 / 50%);
382-
border-left: 1px solid #212121;
383-
border-right: 1px solid #212121;
384-
}
385-
386-
.units .l-unit.l-unit--starred {
387-
border-left: 2px solid #ff3478;
388-
}
389-
390-
.units .l-unit.focus {
391-
background-color: #353535;
392-
}
393-
394-
.l-unit--suspended {
395-
background: #252525 !important;
396-
color: #606060 !important;
397-
text-shadow: 0 -1px rgb(0 0 0 / 40%) !important;
398-
box-shadow: inset 0 0 2px rgb(0 0 0 / 20%);
399-
}
400-
401-
.l-unit--suspended a {
402-
color: #606060 !important;
403-
text-shadow: 0 -1px rgb(0 0 0 / 40%) !important;
404-
}
405-
406-
.units .l-unit.l-unit--outdated {
407-
color: #d4d4d4;
408-
background-color: #981111;
409-
}
410-
411-
.l-unit--outdated.selected {
412-
background: #b70000 !important;
413-
color: #fff !important;
414-
text-shadow: none !important;
415-
}
416-
417-
.l-unit--outdated.selected b {
418-
color: #fff !important;
419-
}
420-
421-
.l-unit--suspended b,
422-
.l-unit--outdated b {
423-
color: #606060;
424-
}
425-
426-
.l-unit--outdated b {
427-
color: #d4d4d4;
428-
}
429-
430-
.l-unit--suspended.selected {
431-
background-color: #454545 !important;
432-
color: #707070 !important;
433-
}
434-
435-
.l-unit__stat-col--left {
436-
& a,
437-
& a:visited {
438-
color: #fafafa;
439-
}
440-
441-
& a:hover {
442-
color: #fff;
443-
}
444-
}
445-
446354
/* Units table
447355
========================================================================== */
448356

@@ -786,35 +694,10 @@ strong {
786694
box-shadow: 0 1px 4px rgb(0 0 0 / 35%);
787695
}
788696

789-
.l-unit.selected {
790-
background-color: #454545;
791-
color: #d4d4d4;
792-
box-shadow: 0 2px 10px rgb(30 30 30 / 35%);
793-
text-shadow: 0 1px rgb(0 0 0 / 50%);
794-
border-left: 1px solid #212121;
795-
border-right: 1px solid #212121;
796-
}
797-
798-
.l-unit.selected:hover {
799-
background-color: #555;
800-
color: #d4d4d4;
801-
box-shadow: none !important;
802-
text-shadow: 0 1px rgb(0 0 0 / 40%);
803-
}
804-
805-
.l-unit.selected b,
806-
.l-unit.selected strong {
807-
color: #d4d4d4;
808-
}
809-
810697
.console-output {
811698
color: #dadada;
812699
}
813700

814-
#vstobjects.suspended {
815-
background-color: #282828;
816-
}
817-
818701
/* Spinner
819702
========================================================================== */
820703

@@ -835,13 +718,6 @@ strong {
835718
background-color: #252525;
836719
}
837720

838-
.l-unit--suspended .badge {
839-
background-color: #303030;
840-
color: #808080;
841-
text-shadow: 0 -1px rgb(0 0 0 / 40%);
842-
box-shadow: 0 1px 2px rgb(25 25 25 / 30%);
843-
}
844-
845721
/* Icon component
846722
========================================================================== */
847723

@@ -858,10 +734,6 @@ strong {
858734
text-shadow: 1px 1px rgb(0 0 0 / 30%);
859735
}
860736

861-
.l-unit--suspended .icon-dim {
862-
color: #808080;
863-
}
864-
865737
/* Modals
866738
========================================================================== */
867739

@@ -922,23 +794,6 @@ strong {
922794
background-color: #282828;
923795
}
924796

925-
.body-stats .units .l-unit {
926-
background-color: #282828;
927-
border-bottom: 1px solid #404040;
928-
border-left: 1px solid #282828;
929-
border-right: 1px solid #282828;
930-
}
931-
932-
.body-stats .units:hover .l-unit:hover {
933-
background-color: #303030 !important;
934-
color: #fff !important;
935-
}
936-
937-
.body-stats .units:hover .l-unit:hover b,
938-
.body-stats .units:hover .l-unit:hover strong {
939-
color: #fff !important;
940-
}
941-
942797
/* App footer
943798
========================================================================== */
944799

0 commit comments

Comments
 (0)