Reduce size of latest icon for mobile devices.
This commit is contained in:
parent
899a56ff16
commit
3941d931ee
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>';
|
||||
|
|
Loading…
Reference in New Issue