Reduce size of latest icon for mobile devices.

This commit is contained in:
Retro_Guy 2024-12-08 05:10:30 -07:00
parent 899a56ff16
commit 3941d931ee
2 changed files with 78 additions and 12 deletions

View File

@ -997,7 +997,7 @@ textarea.configuration {
right: 0;
left: 0;
bottom: 0;
margin: auto;
margin: auto;
margin-left: 10px;
margin-right: 10px;
color: var(--color-text);
@ -1060,6 +1060,14 @@ textarea.configuration {
text-align: right
}
.grouplist_thread_head_latest {
color: var(--color-visited);
background: var(--color-light);
margin: 0px;
width: 22px;
font-weight: bold;
}
.np_title {
font-size: 1em;
}
@ -1072,6 +1080,32 @@ textarea.configuration {
input.post {
width: 90%;
}
.np_thread_line1_icon {
max-width: 100%;
height: auto;
background: var(--color-dark);
border-bottom: 1px solid var(--color-row-border);
border-right: 1px solid var(--color-row-border);
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Odd line numbers in the thread */
.np_thread_line2_icon {
max-width: 100%;
height: auto;
background: var(--color-light);
/* border-top: 1px solid var(--color-row-border); */
border-bottom: 1px solid var(--color-row-border);
border-right: 1px solid var(--color-row-border);
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
/* Tablet Styles */
@ -1085,7 +1119,7 @@ textarea.configuration {
right: 0;
left: 0;
bottom: 0;
margin: auto;
margin: auto;
margin-left: 10px;
margin-right: 10px;
color: var(--color-text);
@ -1130,7 +1164,7 @@ textarea.configuration {
.scroll {
flex-grow: 1;
overflow: auto;
overflow: auto;
}
/* Desktop Styles */
@ -1144,7 +1178,7 @@ textarea.configuration {
right: 0;
left: 0;
bottom: 0;
margin: auto;
margin: auto;
margin-left: 10px;
margin-right: 10px;
color: var(--color-text);
@ -1333,6 +1367,38 @@ td.np_thread_line2 {
white-space: nowrap;
}
tr.np_thread_line1_icon,
td.np_thread_line1_icon {
padding-left: 3px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
background: var(--color-dark);
border-bottom: 1px solid var(--color-row-border);
border-right: 1px solid var(--color-row-border);
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Odd line numbers in the thread */
tr.np_thread_line2_icon,
td.np_thread_line2_icon {
padding-left: 3px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
background: var(--color-light);
/* border-top: 1px solid var(--color-row-border); */
border-bottom: 1px solid var(--color-row-border);
border-right: 1px solid var(--color-row-border);
margin: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Attribution below Subject */
.thread_start_author_info {
float: left;
@ -1712,7 +1778,7 @@ table.overboard_results_table {
/* mail.php */
.mail_post_page {
color: var(--color-text);
color: var(--color-text);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

View File

@ -740,9 +740,9 @@ function groups_show($gruppen)
} else {
$latest_image = '../common/images/new-articles.png';
}
$groupdisplay .= '<img src="' . $latest_image . '" title="New articles">';
$groupdisplay .= '<img class="' . $lineclass . '_icon" src="' . $latest_image . '" title="New articles">';
} else {
$groupdisplay .= '<img src="' . $latest_image . '" title="Recent articles">';
$groupdisplay .= '<img class="' . $lineclass . '_icon" src="' . $latest_image . '" title="Recent articles">';
}
$groupdisplay .= '</a>';
$groupdisplay .= '</td>';