From 6650d1d29ea5e6f895124afce9ed4a6e920a1ed8 Mon Sep 17 00:00:00 2001 From: maTh Date: Mon, 14 Mar 2022 23:04:17 +0100 Subject: Improved: log page (#4204) * first draft * wip * Theme Ansum * Update logs_pagination.phtml * Theme Mapco * Update adark.css * Update BlueLagoon.css * Update dark.css * Update screwdriver.css * Theme Swage * Update app/views/helpers/logs_pagination.phtml Co-authored-by: Frans de Jonge * Update app/views/helpers/logs_pagination.phtml Co-authored-by: Frans de Jonge * Update template.css * Update logs_pagination.phtml * Update logs_pagination.phtml * Update logs_pagination.phtml * RTL CSS * Update dark.rtl.css * Update swage.css * fix CLI findings * Indentation fixed * icons improved * CSS: centered icons * i18n * pipline test fixes * Update conf.php * Update gen.php * Update app/i18n/fr/conf.php Co-authored-by: Frans de Jonge Co-authored-by: Alexandre Alapetite --- p/themes/Alternative-Dark/adark.css | 47 +++++++------------------------- p/themes/Alternative-Dark/adark.rtl.css | 47 +++++++------------------------- p/themes/Ansum/_components.scss | 5 ---- p/themes/Ansum/_mobile.scss | 4 --- p/themes/Ansum/_sidebar.scss | 11 +++----- p/themes/Ansum/ansum.css | 13 ++------- p/themes/Ansum/ansum.rtl.css | 13 ++------- p/themes/BlueLagoon/BlueLagoon.css | 20 ++++---------- p/themes/BlueLagoon/BlueLagoon.rtl.css | 20 ++++---------- p/themes/Dark/dark.css | 7 ++--- p/themes/Dark/dark.rtl.css | 7 ++--- p/themes/Flat/flat.css | 20 +------------- p/themes/Flat/flat.rtl.css | 20 +------------- p/themes/Mapco/_components.scss | 5 ---- p/themes/Mapco/_mobile.scss | 4 --- p/themes/Mapco/_sidebar.scss | 12 ++++---- p/themes/Mapco/mapco.css | 14 +++------- p/themes/Mapco/mapco.rtl.css | 14 +++------- p/themes/Origine/origine.css | 10 +++++++ p/themes/Origine/origine.rtl.css | 10 +++++++ p/themes/Screwdriver/screwdriver.css | 3 +- p/themes/Screwdriver/screwdriver.rtl.css | 3 +- p/themes/Swage/swage.css | 17 ++++++------ p/themes/Swage/swage.rtl.css | 15 ++++++---- p/themes/Swage/swage.scss | 6 +++- p/themes/base-theme/template.css | 29 ++++++++++++++++---- p/themes/base-theme/template.rtl.css | 29 ++++++++++++++++---- p/themes/icons/error.svg | 4 +++ p/themes/icons/notice.svg | 5 ++++ p/themes/icons/warning.svg | 5 ++++ 30 files changed, 170 insertions(+), 249 deletions(-) create mode 100644 p/themes/icons/error.svg create mode 100644 p/themes/icons/notice.svg create mode 100644 p/themes/icons/warning.svg (limited to 'p') diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 8106b3a46..65e7f8bc8 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -219,20 +219,20 @@ a.btn { .nav-list .item { height: 2.5em; line-height: 2.5em; + color: #ccc; font-size: 0.9rem; } -.nav-list .item:hover { - background: #1f1f1f; +.nav-list .item a { + color: #ccc; } -.nav-list .item.active { - background: #171717; - color: #fff; +.nav-list .item a:hover { + background-color: #1f1f1f; } .nav-list .item.active a { - color: #fff; + background-color: #1f1f1f; } .nav-list .disable { @@ -395,41 +395,14 @@ a.btn { } /*=== Pagination */ -.pagination { - background: #171717; - text-align: center; - color: #e8e8e8; - font-size: 0.8em; -} - -.content .pagination { - margin: 0; - padding: 0; -} - -.pagination .item.pager-current { - font-weight: bold; - font-size: 1.5em; -} - .pagination .item a { - display: block; - color: #333; - font-style: italic; line-height: 3em; - text-decoration: none; } -.pagination .item a:hover { - background: #ddd; -} - -.pagination:first-child .item { - border-bottom: 1px solid #aaa; -} - -.pagination:last-child .item { - border-top: 1px solid #292929; +.pagination { + color: #999; + border-top: 1px solid #999; + border-bottom: 1px solid #999; } /*=== Boxes */ diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index f1939a7be..d63222693 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -219,20 +219,20 @@ a.btn { .nav-list .item { height: 2.5em; line-height: 2.5em; + color: #ccc; font-size: 0.9rem; } -.nav-list .item:hover { - background: #1f1f1f; +.nav-list .item a { + color: #ccc; } -.nav-list .item.active { - background: #171717; - color: #fff; +.nav-list .item a:hover { + background-color: #1f1f1f; } .nav-list .item.active a { - color: #fff; + background-color: #1f1f1f; } .nav-list .disable { @@ -395,41 +395,14 @@ a.btn { } /*=== Pagination */ -.pagination { - background: #171717; - text-align: center; - color: #e8e8e8; - font-size: 0.8em; -} - -.content .pagination { - margin: 0; - padding: 0; -} - -.pagination .item.pager-current { - font-weight: bold; - font-size: 1.5em; -} - .pagination .item a { - display: block; - color: #333; - font-style: italic; line-height: 3em; - text-decoration: none; } -.pagination .item a:hover { - background: #ddd; -} - -.pagination:first-child .item { - border-bottom: 1px solid #aaa; -} - -.pagination:last-child .item { - border-top: 1px solid #292929; +.pagination { + color: #999; + border-top: 1px solid #999; + border-bottom: 1px solid #999; } /*=== Boxes */ diff --git a/p/themes/Ansum/_components.scss b/p/themes/Ansum/_components.scss index b5ed5ae25..02b1563b1 100644 --- a/p/themes/Ansum/_components.scss +++ b/p/themes/Ansum/_components.scss @@ -185,11 +185,6 @@ font-style: italic; line-height: 3em; text-decoration: none; - - &:hover { - background: variables.$main-font-color; - color: variables.$grey-light; - } } } } diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss index c8399169b..cc5ce3f1c 100644 --- a/p/themes/Ansum/_mobile.scss +++ b/p/themes/Ansum/_mobile.scss @@ -188,10 +188,6 @@ } - .pagination { - margin: 0 0 3.5em; - } - #nav_entries { line-height: 4.5rem; } diff --git a/p/themes/Ansum/_sidebar.scss b/p/themes/Ansum/_sidebar.scss index 4f5f1424a..07f589ab8 100644 --- a/p/themes/Ansum/_sidebar.scss +++ b/p/themes/Ansum/_sidebar.scss @@ -149,11 +149,11 @@ .item { background: variables.$sid-bg; - @include mixins.transition(all, 0.15s, ease-in-out); - a { padding: 0 1rem; color: variables.$sid-font-color; + + @include mixins.transition(all, 0.15s, ease-in-out); } .error { @@ -163,9 +163,6 @@ } &:hover { - background: variables.$sid-bg-dark; - color: variables.$sid-font-color; - .error { a { background: variables.$main-first; @@ -181,7 +178,7 @@ } a { - color: variables.$sid-font-color; + background: variables.$sid-bg-dark; text-decoration: none; } } @@ -205,11 +202,11 @@ } a { + background: variables.$main-first; color: variables.$white; text-decoration: none; } } - } &.empty { diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index b06f01aaa..d60f11be4 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -637,19 +637,15 @@ form th { } .nav-list .item { background: #fbf9f6; - transition: all 0.15s ease-in-out; } .nav-list .item a { padding: 0 1rem; color: #363330; + transition: all 0.15s ease-in-out; } .nav-list .item .error a { color: #f5633e; } -.nav-list .item:hover { - background: #efe3d3; - color: #363330; -} .nav-list .item:hover .error a { background: #ca7227; color: #363330; @@ -659,7 +655,7 @@ form th { color: #363330; } .nav-list .item:hover a { - color: #363330; + background: #efe3d3; text-decoration: none; } .nav-list .item.active { @@ -675,6 +671,7 @@ form th { color: #fff; } .nav-list .item.active a { + background: #ca7227; color: #fff; text-decoration: none; } @@ -1531,10 +1528,6 @@ form th { margin-bottom: 1rem; } - .pagination { - margin: 0 0 3.5em; - } - #nav_entries { line-height: 4.5rem; } diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 6842ee5e2..c3cda7f4d 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -637,19 +637,15 @@ form th { } .nav-list .item { background: #fbf9f6; - transition: all 0.15s ease-in-out; } .nav-list .item a { padding: 0 1rem; color: #363330; + transition: all 0.15s ease-in-out; } .nav-list .item .error a { color: #f5633e; } -.nav-list .item:hover { - background: #efe3d3; - color: #363330; -} .nav-list .item:hover .error a { background: #ca7227; color: #363330; @@ -659,7 +655,7 @@ form th { color: #363330; } .nav-list .item:hover a { - color: #363330; + background: #efe3d3; text-decoration: none; } .nav-list .item.active { @@ -675,6 +671,7 @@ form th { color: #fff; } .nav-list .item.active a { + background: #ca7227; color: #fff; text-decoration: none; } @@ -1531,10 +1528,6 @@ form th { margin-bottom: 1rem; } - .pagination { - margin: 0 0 3.5em; - } - #nav_entries { line-height: 4.5rem; } diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 12a5a334c..304f55e0f 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -277,23 +277,17 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { +.nav-list .item a:hover { text-shadow: 0 0 2px rgba(255,255,255,0.28); color: #fff; } -.nav-list .item.active { +.nav-list .item.active a { margin: 0; background: linear-gradient(180deg, #0090ff 0%, #0062be 100%) #e4992c; background: -webkit-linear-gradient(top, #0090ff 0%, #0062be 100%); - box-shadow: -1px 2px 2px #171717, 0px 1px rgba(255, 255, 255, 0.08) inset; - border-width: medium medium 1px; - border-style: none none solid; - border-color: -moz-use-text-color -moz-use-text-color #171717; -} - -.nav-list .item.active a { color: #fff; + border-color: -moz-use-text-color -moz-use-text-color #171717; } .nav-list .disable { @@ -504,14 +498,12 @@ a.btn { .pagination .item a:hover { background: #ddd; + color: inherit; } -.pagination:first-child .item { - border-bottom: 1px solid #aaa; -} - -.pagination:last-child .item { +.pagination .item { border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } /*=== Boxes */ diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index a1c510bbd..d1d4757cc 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -277,23 +277,17 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { +.nav-list .item a:hover { text-shadow: 0 0 2px rgba(255,255,255,0.28); color: #fff; } -.nav-list .item.active { +.nav-list .item.active a { margin: 0; background: linear-gradient(-180deg, #0090ff 0%, #0062be 100%) #e4992c; background: -webkit-linear-gradient(top, #0090ff 0%, #0062be 100%); - box-shadow: 1px 2px 2px #171717, 0px 1px rgba(255, 255, 255, 0.08) inset; - border-width: medium medium 1px; - border-style: none none solid; - border-color: -moz-use-text-color -moz-use-text-color #171717; -} - -.nav-list .item.active a { color: #fff; + border-color: -moz-use-text-color -moz-use-text-color #171717; } .nav-list .disable { @@ -504,14 +498,12 @@ a.btn { .pagination .item a:hover { background: #ddd; + color: inherit; } -.pagination:first-child .item { - border-bottom: 1px solid #aaa; -} - -.pagination:last-child .item { +.pagination .item { border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; } /*=== Boxes */ diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 56b293f80..356ec9ac7 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -260,7 +260,7 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { +.nav-list .item a:hover { background: #26303f; } @@ -462,11 +462,8 @@ a.btn { } .pagination:first-child .item { - border-bottom: 1px solid #333; -} - -.pagination:last-child .item { border-top: 1px solid #333; + border-bottom: 1px solid #333; } #load_more.loading, diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index 1019c1c48..bf6c15517 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -260,7 +260,7 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { +.nav-list .item a:hover { background: #26303f; } @@ -462,11 +462,8 @@ a.btn { } .pagination:first-child .item { - border-bottom: 1px solid #333; -} - -.pagination:last-child .item { border-top: 1px solid #333; + border-bottom: 1px solid #333; } #load_more.loading, diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 52200ab88..0a6617f59 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -265,13 +265,12 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover, +.nav-list .item a:hover, .nav-list .item.active { background: #2980b9; color: #fff; } -.nav-list .item:hover a, .nav-list .item.active a { color: #fff; } @@ -448,27 +447,10 @@ a.btn { .pagination { background: #ecf0f1; color: #000; - font-size: 0.8em; - text-align: center; -} - -.content .pagination { - margin: 0; - padding: 0; -} - -.pagination .item.pager-current { - background: #34495e; - color: #ecf0f1; - font-size: 1.5em; - font-weight: bold; } .pagination .item a { - display: block; - font-style: italic; line-height: 3em; - text-decoration: none; color: #000; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 7fa4b4ab2..a10f27952 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -265,13 +265,12 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover, +.nav-list .item a:hover, .nav-list .item.active { background: #2980b9; color: #fff; } -.nav-list .item:hover a, .nav-list .item.active a { color: #fff; } @@ -448,27 +447,10 @@ a.btn { .pagination { background: #ecf0f1; color: #000; - font-size: 0.8em; - text-align: center; -} - -.content .pagination { - margin: 0; - padding: 0; -} - -.pagination .item.pager-current { - background: #34495e; - color: #ecf0f1; - font-size: 1.5em; - font-weight: bold; } .pagination .item a { - display: block; - font-style: italic; line-height: 3em; - text-decoration: none; color: #000; } diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss index 5d7bfd285..7347bcc6f 100644 --- a/p/themes/Mapco/_components.scss +++ b/p/themes/Mapco/_components.scss @@ -180,11 +180,6 @@ font-style: italic; line-height: 3em; text-decoration: none; - - &:hover { - background: variables.$main-font-color; - color: variables.$grey-light; - } } } diff --git a/p/themes/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss index 357369f05..7cd15514c 100644 --- a/p/themes/Mapco/_mobile.scss +++ b/p/themes/Mapco/_mobile.scss @@ -188,10 +188,6 @@ } - .pagination { - margin: 0 0 3.5em; - } - #nav_entries { line-height: 4.5rem; } diff --git a/p/themes/Mapco/_sidebar.scss b/p/themes/Mapco/_sidebar.scss index c4a3003c2..a5ee0ea82 100644 --- a/p/themes/Mapco/_sidebar.scss +++ b/p/themes/Mapco/_sidebar.scss @@ -146,12 +146,13 @@ .item { background: variables.$sid-bg; - - @include mixins.transition(all, 0.15s, ease-in-out); + color: variables.$white; a { padding: 0 1rem; color: variables.$sid-font-color; + + @include mixins.transition(all, 0.15s, ease-in-out); } .error { @@ -161,9 +162,6 @@ } &:hover { - background: variables.$sid-bg-dark; - color: variables.$sid-font-color; - .error { a { background: variables.$main-first; @@ -179,7 +177,7 @@ } a { - color: variables.$sid-font-color; + background: variables.$sid-bg-dark; text-decoration: none; } } @@ -203,11 +201,11 @@ } a { + background: variables.$main-first; color: variables.$white; text-decoration: none; } } - } &.empty { diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 6ec1ffb60..8768481c8 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -628,19 +628,16 @@ form th { } .nav-list .item { background: #303136; - transition: all 0.15s ease-in-out; + color: #fff; } .nav-list .item a { padding: 0 1rem; color: #ffffff; + transition: all 0.15s ease-in-out; } .nav-list .item .error a { color: #f5633e; } -.nav-list .item:hover { - background: #17181a; - color: #ffffff; -} .nav-list .item:hover .error a { background: #36c; color: #ffffff; @@ -650,7 +647,7 @@ form th { color: #ffffff; } .nav-list .item:hover a { - color: #ffffff; + background: #17181a; text-decoration: none; } .nav-list .item.active { @@ -666,6 +663,7 @@ form th { color: #fff; } .nav-list .item.active a { + background: #36c; color: #fff; text-decoration: none; } @@ -1520,10 +1518,6 @@ form th { margin-bottom: 1rem; } - .pagination { - margin: 0 0 3.5em; - } - #nav_entries { line-height: 4.5rem; } diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index e761439dc..a029cce3e 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -628,19 +628,16 @@ form th { } .nav-list .item { background: #303136; - transition: all 0.15s ease-in-out; + color: #fff; } .nav-list .item a { padding: 0 1rem; color: #ffffff; + transition: all 0.15s ease-in-out; } .nav-list .item .error a { color: #f5633e; } -.nav-list .item:hover { - background: #17181a; - color: #ffffff; -} .nav-list .item:hover .error a { background: #36c; color: #ffffff; @@ -650,7 +647,7 @@ form th { color: #ffffff; } .nav-list .item:hover a { - color: #ffffff; + background: #17181a; text-decoration: none; } .nav-list .item.active { @@ -666,6 +663,7 @@ form th { color: #fff; } .nav-list .item.active a { + background: #36c; color: #fff; text-decoration: none; } @@ -1520,10 +1518,6 @@ form th { margin-bottom: 1rem; } - .pagination { - margin: 0 0 3.5em; - } - #nav_entries { line-height: 4.5rem; } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index dd2b864eb..f8e9d4722 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -1060,6 +1060,16 @@ a.btn { /*=== LOGS */ /*=========*/ +.pagination .item.active { + background-color: #0062be; + color: white; +} + +#loglist td { + font-family: monospace; +} + +/****old******/ .loglist { border: 1px solid #aaa; border-radius: 5px; diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 477c9351b..f9dc2f720 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -1060,6 +1060,16 @@ a.btn { /*=== LOGS */ /*=========*/ +.pagination .item.active { + background-color: #0062be; + color: white; +} + +#loglist td { + font-family: monospace; +} + +/****old******/ .loglist { border: 1px solid #aaa; border-radius: 5px; diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 53fc593e7..1cee7a914 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -277,7 +277,7 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { +.nav-list .item a:hover { text-shadow: 0 0 2px rgba(255,255,255,0.28); color: #fff; } @@ -493,6 +493,7 @@ a.btn { .pagination .item a:hover { background: #ddd; + color: inherit } .pagination:first-child .item { diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 7ec1e75d0..bee07294c 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -277,7 +277,7 @@ a.btn { font-size: 0.9rem; } -.nav-list .item:hover { +.nav-list .item a:hover { text-shadow: 0 0 2px rgba(255,255,255,0.28); color: #fff; } @@ -493,6 +493,7 @@ a.btn { .pagination .item a:hover { background: #ddd; + color: inherit } .pagination:first-child .item { diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 03b7be3b5..2751701d6 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -231,22 +231,25 @@ form th { color: #fcfcfc; cursor: default; } -.nav-list .item:hover, .nav-list .item.active { +.nav-list .item a:hover { background: #00488b; color: #fcfcfc; } -.nav-list .item:hover a, .nav-list .item.active a { +.nav-list .item.active { + background: #00488b; + color: #fcfcfc; +} +.nav-list .item.active a { color: #fcfcfc; } -.nav-list .item:hover.empty a, -.nav-list .item:hover .error a, .nav-list .item.active.empty a, +.nav-list .item.active.empty a, .nav-list .item.active .error a { color: #fcfcfc; } -.nav-list .item:hover.empty a, .nav-list .item.active.empty a { +.nav-list .item.active.empty a { background: #fa8052; } -.nav-list .item:hover.error a, .nav-list .item.active.error a { +.nav-list .item.active.error a { background: #c46178; } .nav-list .item > a { @@ -1170,5 +1173,3 @@ button.as-link { #slider .form-group:hover { background: initial; } - -/*# sourceMappingURL=swage.css.map */ diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index 65aa1f3a8..d71d9a653 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -231,22 +231,25 @@ form th { color: #fcfcfc; cursor: default; } -.nav-list .item:hover, .nav-list .item.active { +.nav-list .item a:hover { background: #00488b; color: #fcfcfc; } -.nav-list .item:hover a, .nav-list .item.active a { +.nav-list .item.active { + background: #00488b; + color: #fcfcfc; +} +.nav-list .item.active a { color: #fcfcfc; } -.nav-list .item:hover.empty a, -.nav-list .item:hover .error a, .nav-list .item.active.empty a, +.nav-list .item.active.empty a, .nav-list .item.active .error a { color: #fcfcfc; } -.nav-list .item:hover.empty a, .nav-list .item.active.empty a { +.nav-list .item.active.empty a { background: #fa8052; } -.nav-list .item:hover.error a, .nav-list .item.active.error a { +.nav-list .item.active.error a { background: #c46178; } .nav-list .item > a { diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index fedabf09d..6feb294b2 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -289,7 +289,11 @@ form { @extend %nav-list; - &:hover, + a:hover { + background: color.adjust( $color_nav, $lightness: -10%); + color: $color_light; + } + &.active { background: color.adjust( $color_nav, $lightness: -10%); color: $color_light; diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css index 0a03a80d4..70aa65dfd 100644 --- a/p/themes/base-theme/template.css +++ b/p/themes/base-theme/template.css @@ -609,22 +609,31 @@ input[type="checkbox"]:focus-visible { /*=== Pagination */ .pagination { - margin: 0; + margin: 2em auto; padding: 0; display: table; - width: 100%; table-layout: fixed; } .pagination .item { display: table-cell; + width: 3em; + text-align: center; +} + +.pagination .item.active { + min-width: 3em; + font-weight: bold; } -.pagination .pager-first, .pagination .pager-previous, -.pagination .pager-next, +.pagination .pager-next { + width: 6em; +} + +.pagination .pager-first, .pagination .pager-last { - width: 100px; + width: 7.5em; } /*=== Boxes */ @@ -1515,6 +1524,12 @@ input:checked + .slide-container .properties { /*=== DIVERS */ /*===========*/ +.log-error, +.log-warning, +.log-notice { + text-align: center; +} + .category .title.error::before { content: "⚠ "; color: #bd362f; @@ -1612,6 +1627,10 @@ input:checked + .slide-container .properties { display: none; } +#loglist-wrapper { + overflow-x: auto; +} + /*=== MOBILE */ /*===========*/ diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css index fdf094b9c..158840252 100644 --- a/p/themes/base-theme/template.rtl.css +++ b/p/themes/base-theme/template.rtl.css @@ -609,22 +609,31 @@ input[type="checkbox"]:focus-visible { /*=== Pagination */ .pagination { - margin: 0; + margin: 2em auto; padding: 0; display: table; - width: 100%; table-layout: fixed; } .pagination .item { display: table-cell; + width: 3em; + text-align: center; +} + +.pagination .item.active { + min-width: 3em; + font-weight: bold; } -.pagination .pager-first, .pagination .pager-previous, -.pagination .pager-next, +.pagination .pager-next { + width: 6em; +} + +.pagination .pager-first, .pagination .pager-last { - width: 100px; + width: 7.5em; } /*=== Boxes */ @@ -1515,6 +1524,12 @@ input:checked + .slide-container .properties { /*=== DIVERS */ /*===========*/ +.log-error, +.log-warning, +.log-notice { + text-align: center; +} + .category .title.error::before { content: "⚠ "; color: #bd362f; @@ -1612,6 +1627,10 @@ input:checked + .slide-container .properties { display: none; } +#loglist-wrapper { + overflow-x: auto; +} + /*=== MOBILE */ /*===========*/ diff --git a/p/themes/icons/error.svg b/p/themes/icons/error.svg new file mode 100644 index 000000000..6b5976090 --- /dev/null +++ b/p/themes/icons/error.svg @@ -0,0 +1,4 @@ + + + + diff --git a/p/themes/icons/notice.svg b/p/themes/icons/notice.svg new file mode 100644 index 000000000..e21ee13b4 --- /dev/null +++ b/p/themes/icons/notice.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/p/themes/icons/warning.svg b/p/themes/icons/warning.svg new file mode 100644 index 000000000..4f4ecdc9a --- /dev/null +++ b/p/themes/icons/warning.svg @@ -0,0 +1,5 @@ + + + + + -- cgit v1.2.3