mirror/FreshRSS
0
0
Fork 0
mirror of https://github.com/FreshRSS/FreshRSS.git synced 2026-02-06 11:31:08 -05:00
Code Issues Packages Projects Releases Wiki Activity

Improved: Cleanup CSS of ".log" (#4594)

Browse Source 
* themes css

* Log Level CSS class improved

* SCSS

* RTL CSS
This commit is contained in:
maTh
2022-09-18 18:29:33 +02:00
committed by GitHub
parent 7de5b93da4
commit 67ea2d16b7
32 changed files with 36 additions and 1085 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/index/logs.phtml
View File

@@ -24,8 +24,8 @@
</thead>
<tbody>
<?php foreach ($items as $log) { ?>
<tr class="log-item">
<td class="log-<?= $log->level() ?>">
<tr class="log-item log-<?= $log->level() ?>">
<td class="log-level">
<?= _i($log->level()) ?>
</td>
<td class="log-date">

44
p/themes/Alternative-Dark/adark.css
View File

@@ -944,50 +944,6 @@ a.btn {
border-bottom: 1px solid #ddd;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
/*=== MOBILE */
/*===========*/

44
p/themes/Alternative-Dark/adark.rtl.css
View File

@@ -944,50 +944,6 @@ a.btn {
border-bottom: 1px solid #ddd;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
/*=== MOBILE */
/*===========*/

38
p/themes/Ansum/_logs.scss
View File

@@ -2,40 +2,6 @@
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid variables.$grey-medium-dark;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: variables.$grey-lighter;
color: variables.$grey-dark;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 10px 0 0;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: variables.$alert-bg;
color: #fff;
}
.log.warning > .date {
background: variables.$warning-bg;
}
.log.notice > .date {
background: variables.$grey-light;
}
.log.debug > .date {
background: variables.$main-first-darker;
color: variables.$white;
.log-item.log-error {
background-color: rgba(variables.$main-first, 0.2);
}

38
p/themes/Ansum/ansum.css
View File

@@ -1181,42 +1181,8 @@ main.prompt {
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #ba9;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: #fcfaf8;
color: #766556;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 10px 0 0;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: #f5633e;
color: #fff;
}
.log.warning > .date {
background: #f4f762;
}
.log.notice > .date {
background: #f5f0ec;
}
.log.debug > .date {
background: #221f1d;
color: #fff;
.log-item.log-error {
background-color: rgba(202, 114, 39, 0.2);
}
/*=== STATISTICS */

38
p/themes/Ansum/ansum.rtl.css
View File

@@ -1181,42 +1181,8 @@ main.prompt {
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #ba9;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: #fcfaf8;
color: #766556;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 0 0 10px;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: #f5633e;
color: #fff;
}
.log.warning > .date {
background: #f4f762;
}
.log.notice > .date {
background: #f5f0ec;
}
.log.debug > .date {
background: #221f1d;
color: #fff;
.log-item.log-error {
background-color: rgba(202, 114, 39, 0.2);
}
/*=== STATISTICS */

44
p/themes/BlueLagoon/BlueLagoon.css
View File

@@ -1124,50 +1124,6 @@ a.btn {
box-shadow: 0 1px #fff;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
#slider.active {
background: #f8f8f8;
box-shadow: -4px 0 4px rgba(15, 15, 15, 0.55);

44
p/themes/BlueLagoon/BlueLagoon.rtl.css
View File

@@ -1124,50 +1124,6 @@ a.btn {
box-shadow: 0 1px #fff;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
#slider.active {
background: #f8f8f8;
box-shadow: 4px 0 4px rgba(15, 15, 15, 0.55);

43
p/themes/Dark/dark.css
View File

@@ -1002,49 +1002,6 @@ a.btn {
border-bottom: 1px solid #333;
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #333;
}
.log {
padding: 5px 10px;
background: #111;
color: #888;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #333;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #a44;
color: #fff;
}
.log.warning {
background: #c95;
color: #fff;
}
.log.notice {
background: #ec9;
color: #000;
}
.log.debug {
background: #111;
color: #eee;
}
/*=== MOBILE */
/*===========*/

43
p/themes/Dark/dark.rtl.css
View File

@@ -1002,49 +1002,6 @@ a.btn {
border-bottom: 1px solid #333;
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #333;
}
.log {
padding: 5px 10px;
background: #111;
color: #888;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #333;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #a44;
color: #fff;
}
.log.warning {
background: #c95;
color: #fff;
}
.log.notice {
background: #ec9;
color: #000;
}
.log.debug {
background: #111;
color: #eee;
}
/*=== MOBILE */
/*===========*/

40
p/themes/Flat/flat.css
View File

@@ -1009,46 +1009,6 @@ a.btn {
border-bottom: 1px solid #ddd;
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #aaa;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: #fafafa;
color: #666;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 10px 0 0;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: #e74c3c;
color: #fff;
}
.log.warning > .date {
background: #f39c12;
}
.log.notice > .date {
background: #ecf0f1;
}
.log.debug > .date {
background: #111;
color: #eee;
}
/*=== MOBILE */
/*===========*/

40
p/themes/Flat/flat.rtl.css
View File

@@ -1009,46 +1009,6 @@ a.btn {
border-bottom: 1px solid #ddd;
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #aaa;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: #fafafa;
color: #666;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 0 0 10px;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: #e74c3c;
color: #fff;
}
.log.warning > .date {
background: #f39c12;
}
.log.notice > .date {
background: #ecf0f1;
}
.log.debug > .date {
background: #111;
color: #eee;
}
/*=== MOBILE */
/*===========*/

38
p/themes/Mapco/_logs.scss
View File

@@ -2,40 +2,6 @@
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid variables.$grey-medium-dark;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: variables.$grey-lighter;
color: variables.$grey-dark;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 10px 0 0;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: variables.$alert-bg;
color: #fff;
}
.log.warning > .date {
background: variables.$warning-bg;
}
.log.notice > .date {
background: variables.$grey-light;
}
.log.debug > .date {
background: variables.$main-first-darker;
color: variables.$white;
.log-item.log-error {
background-color: rgba(variables.$main-first, 0.2);
}

38
p/themes/Mapco/mapco.css
View File

@@ -1210,42 +1210,8 @@ main.prompt {
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #a6a7ae;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: #f9fafb;
color: #5b6871;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 10px 0 0;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: #f5633e;
color: #fff;
}
.log.warning > .date {
background: #f4f762;
}
.log.notice > .date {
background: #eff0f2;
}
.log.debug > .date {
background: #1d1e22;
color: #fff;
.log-item.log-error {
background-color: rgba(51, 102, 204, 0.2);
}
/*=== STATISTICS */

38
p/themes/Mapco/mapco.rtl.css
View File

@@ -1210,42 +1210,8 @@ main.prompt {
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
border: 1px solid #a6a7ae;
}
.log {
margin: 10px 0;
padding: 5px 2%;
background: #f9fafb;
color: #5b6871;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 0 0 10px;
padding: 5px 10px;
border-radius: 20px;
}
.log.error > .date {
background: #f5633e;
color: #fff;
}
.log.warning > .date {
background: #f4f762;
}
.log.notice > .date {
background: #eff0f2;
}
.log.debug > .date {
background: #1d1e22;
color: #fff;
.log-item.log-error {
background-color: rgba(51, 102, 204, 0.2);
}
/*=== STATISTICS */

16
p/themes/Nord/nord.css
View File

@@ -1100,22 +1100,6 @@ input.extend {
background-color: var(--bg);
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
}
.log {
padding: 5px 10px;
font-size: 0.8rem;
}
.log .date {
display: block;
font-weight: bold;
}
/*=== MOBILE */
/*===========*/

16
p/themes/Nord/nord.rtl.css
View File

@@ -1100,22 +1100,6 @@ input.extend {
background-color: var(--bg);
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
}
.log {
padding: 5px 10px;
font-size: 0.8rem;
}
.log .date {
display: block;
font-weight: bold;
}
/*=== MOBILE */
/*===========*/

44
p/themes/Origine-compact/origine-compact.css
View File

@@ -1072,50 +1072,6 @@ a.btn,
border-bottom: 1px solid #ddd;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
/*=== MOBILE */
/*===========*/

44
p/themes/Origine-compact/origine-compact.rtl.css
View File

@@ -1072,50 +1072,6 @@ a.btn,
border-bottom: 1px solid #ddd;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
/*=== MOBILE */
/*===========*/

43
p/themes/Origine/origine.css
View File

@@ -998,49 +998,6 @@ a.btn {
font-family: monospace;
}
/****old******/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
/*=== MOBILE */
/*===========*/

43
p/themes/Origine/origine.rtl.css
View File

@@ -998,49 +998,6 @@ a.btn {
font-family: monospace;
}
/****old******/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
/*=== MOBILE */
/*===========*/

44
p/themes/Pafat/pafat.css
View File

@@ -986,50 +986,6 @@ a.signin {
text-align: center;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #41444f;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #41444f;
color: #eee;
}
/*=== MOBILE */
/*===========*/

44
p/themes/Pafat/pafat.rtl.css
View File

@@ -986,50 +986,6 @@ a.signin {
text-align: center;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #41444f;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #41444f;
color: #eee;
}
/*=== MOBILE */
/*===========*/

44
p/themes/Screwdriver/screwdriver.css
View File

@@ -1101,50 +1101,6 @@ a.btn {
box-shadow: 0 1px #fff;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
#slider.active {
background: #f8f8f8;
box-shadow: -4px 0 4px rgba(15, 15, 15, 0.55);

44
p/themes/Screwdriver/screwdriver.rtl.css
View File

@@ -1101,50 +1101,6 @@ a.btn {
box-shadow: 0 1px #fff;
}
/*=== LOGS */
/*=========*/
.loglist {
border: 1px solid #aaa;
border-radius: 5px;
overflow: hidden;
}
.log {
padding: 5px 10px;
background: #fafafa;
color: #333;
font-size: 0.8rem;
}
.log+.log {
border-top: 1px solid #aaa;
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
background: #fdd;
color: #844;
}
.log.warning {
background: #ffe;
color: #c95;
}
.log.notice {
background: #f4f4f4;
color: #aaa;
}
.log.debug {
background: #333;
color: #eee;
}
#slider.active {
background: #f8f8f8;
box-shadow: 4px 0 4px rgba(15, 15, 15, 0.55);

26
p/themes/Swage/swage.css
View File

@@ -967,36 +967,16 @@ a.signin {
font-size: 70%;
}
.loglist {
overflow: hidden;
border: 1px solid #969696;
}
.log {
padding: 5px 2%;
background: #fcfcfc;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 10px 0 0;
padding: 5px 10px;
}
.log.error > .date {
.log-item.log-error {
background: #c46178;
color: #fcfcfc;
}
.log.warning > .date {
.log-item.log-warning {
background: #fa8052;
color: #fcfcfc;
}
.log.notice > .date {
background: #e3e3e3;
color: #fcfcfc;
}
.log.debug > .date {
.log-item.log-debug {
background: #181621;
color: #fcfcfc;
}
@media (max-width: 840px) {

26
p/themes/Swage/swage.rtl.css
View File

@@ -967,36 +967,16 @@ a.signin {
font-size: 70%;
}
.loglist {
overflow: hidden;
border: 1px solid #969696;
}
.log {
padding: 5px 2%;
background: #fcfcfc;
font-size: 0.8rem;
overflow: auto;
}
.log > .date {
margin: 0 0 0 10px;
padding: 5px 10px;
}
.log.error > .date {
.log-item.log-error {
background: #c46178;
color: #fcfcfc;
}
.log.warning > .date {
.log-item.log-warning {
background: #fa8052;
color: #fcfcfc;
}
.log.notice > .date {
background: #e3e3e3;
color: #fcfcfc;
}
.log.debug > .date {
.log-item.log-debug {
background: #181621;
color: #fcfcfc;
}
@media (max-width: 840px) {

29
p/themes/Swage/swage.scss
View File

@@ -1225,40 +1225,19 @@ a.signin {
font-size: 70%;
}
.loglist {
overflow: hidden;
border: 1px solid color.adjust( $color_light, $lightness: -40% );
}
.log {
padding: 5px 2%;
background: $color_light;
font-size: 0.8rem;
overflow: auto;
> .date {
margin: 0 10px 0 0;
padding: 5px 10px;
}
&.error > .date {
.log-item {
&.log-error {
background: color.adjust( $color_bad, $lightness: 10%);
color: $color_light;
}
&.warning > .date {
&.log-warning {
background: $color_alert;
color: $color_light;
}
&.notice > .date {
background: color.adjust( $color_light, $lightness: -10%);
color: $color_light;
}
&.debug > .date {
&.log-debug {
background: $color_text;
color: $color_light;
}
}

31
p/themes/base-theme/base.css
View File

@@ -800,37 +800,6 @@ a.btn {
text-align: center;
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
}
.log {
padding: 5px 10px;
font-size: 0.8rem;
}
.log+.log {
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
}
.log.warning {
}
.log.notice {
}
.log.debug {
}
/*=== MOBILE */
/*===========*/

31
p/themes/base-theme/base.rtl.css
View File

@@ -800,37 +800,6 @@ a.btn {
text-align: center;
}
/*=== LOGS */
/*=========*/
.loglist {
overflow: hidden;
}
.log {
padding: 5px 10px;
font-size: 0.8rem;
}
.log+.log {
}
.log .date {
display: block;
font-weight: bold;
}
.log.error {
}
.log.warning {
}
.log.notice {
}
.log.debug {
}
/*=== MOBILE */
/*===========*/

11
p/themes/base-theme/template.css
View File

@@ -710,7 +710,7 @@ input[type="checkbox"]:focus-visible {
}
.pagination {
margin: 0;
margin: 0 auto;
padding: 0;
display: table;
table-layout: fixed;
@@ -1698,13 +1698,14 @@ input:checked + .slide-container .properties {
/*=== DIVERS */
/*===========*/
.log-error,
.log-warning,
.log-notice,
.log-debug {
.log-level {
text-align: center;
}
.log-item.log-error {
background-color: #bd362f44;
}
.item.share.error a::after,
.category .title.error::before,
.item.feed.error .item-title::before {

11
p/themes/base-theme/template.rtl.css
View File

@@ -710,7 +710,7 @@ input[type="checkbox"]:focus-visible {
}
.pagination {
margin: 0;
margin: 0 auto;
padding: 0;
display: table;
table-layout: fixed;
@@ -1698,13 +1698,14 @@ input:checked + .slide-container .properties {
/*=== DIVERS */
/*===========*/
.log-error,
.log-warning,
.log-notice,
.log-debug {
.log-level {
text-align: center;
}
.log-item.log-error {
background-color: #bd362f44;
}
.item.share.error a::after,
.category .title.error::before,
.item.feed.error .item-title::before {