mirror of
https://gitlab.archlinux.org/archlinux/aurweb.git
synced 2025-02-03 10:43:03 +01:00
4abde895a5
Instead of using CSS to limit the height of package comments as
implemented in 7b13203 (Limit comment height to 15 lines, 2016-03-12),
use JavaScript to collapse long comments and add a link to expand them.
Clicking the same link twice results in the corresponding comment being
collapsed again.
If JavaScript is disabled, the full comments are shown (without any
possibility to collapse or expand).
Signed-off-by: Lukas Fleischer <lfleischer@archlinux.org>
150 lines
2.1 KiB
CSS
150 lines
2.1 KiB
CSS
/* aurweb-specific customizations to archweb.css */
|
|
|
|
#archnavbar.anb-aur ul li#anb-aur a {
|
|
color: white !important;
|
|
}
|
|
|
|
#archnavbarlogo {
|
|
background: url('archnavbar/aurlogo.png') !important;
|
|
}
|
|
|
|
#lang_sub {
|
|
float: right;
|
|
}
|
|
|
|
.pkglist-nav .page {
|
|
margin: 0 .25em;
|
|
}
|
|
|
|
#pkg-stats td.stat-desc {
|
|
white-space: normal;
|
|
}
|
|
|
|
#actionlist form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.arch-bio-entry ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
#pkg-updates table {
|
|
table-layout: fixed;
|
|
width:100%;
|
|
}
|
|
|
|
#pkg-updates td.pkg-name {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
#pkg-updates td.pkg-date {
|
|
text-align:right;
|
|
}
|
|
|
|
.keyword:link, .keyword:visited {
|
|
float: left;
|
|
margin: 1px .5ex 1px 0;
|
|
padding: 0 1em;
|
|
color: white;
|
|
background-color: #36a;
|
|
border: 1px solid transparent;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.keyword:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.keyword:focus {
|
|
border: 1px dotted #000;
|
|
}
|
|
|
|
.text-button {
|
|
background: transparent;
|
|
border: none !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
font: normal 100% sans-serif;
|
|
text-decoration: none;
|
|
color: #07b;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.text-button:hover {
|
|
text-decoration: underline;
|
|
color: #666;
|
|
}
|
|
|
|
.text-button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
|
|
.comment-deleted {
|
|
color: #999;
|
|
}
|
|
|
|
.edited {
|
|
font-size: 0.9em;
|
|
color: #999;
|
|
}
|
|
|
|
.delete-comment-form, .undelete-comment-form, .pin-comment-form, .edit-comment {
|
|
float: right;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.edit-comment {
|
|
height: 11px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.rss-icon, .delete-comment, .undelete-comment, .edit-comment, .pin-comment {
|
|
-webkit-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.rss-icon:hover, .delete-comment:hover, .undelete-comment:hover, .edit-comment:hover, .pin-comment:hover {
|
|
-webkit-filter: none;
|
|
filter: none;
|
|
opacity: 1;
|
|
}
|
|
|
|
.ajax-loader {
|
|
float: right;
|
|
position: relative;
|
|
top: 4px;
|
|
}
|
|
|
|
.flagged a {
|
|
color: inherit;
|
|
}
|
|
|
|
legend {
|
|
padding: 1em 0;
|
|
}
|
|
|
|
p.important {
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.hover-help {
|
|
border-bottom: 1px dotted black;
|
|
cursor:help;
|
|
}
|
|
|
|
label.confirmation,
|
|
#merge-into {
|
|
width: auto;
|
|
}
|
|
|
|
#pkgdepslist .broken {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|