mirror of
https://github.com/go-gitea/gitea
synced 2024-11-15 06:34:25 +00:00
7339018c5e
Backport #11714 * Properly truncate system notices As noted in #11658 the system notifications list will always suffix system notices with ... even when the notice is longer than 120 characters. Instead we should use .text.truncate to auto truncate and make the notices clickable to view their details. Signed-off-by: Andrew Thornton <art27@cantab.net> * As per @CirnoT make table cell clickable * ensure that pre wraps Signed-off-by: Andrew Thornton <art27@cantab.net> Co-authored-by: techknowlogick <techknowlogick@gitea.io> Co-authored-by: techknowlogick <techknowlogick@gitea.io>
96 lines
1.9 KiB
Plaintext
96 lines
1.9 KiB
Plaintext
.admin {
|
|
padding-top: 15px;
|
|
|
|
.table.segment {
|
|
padding: 0;
|
|
font-size: 13px;
|
|
|
|
&:not(.striped) {
|
|
padding-top: 5px;
|
|
|
|
thead {
|
|
th:last-child {
|
|
padding-right: 5px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
th {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
&:not(.select) {
|
|
th,
|
|
td {
|
|
&:first-of-type {
|
|
padding-left: 15px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
form tbody button[type='submit'] {
|
|
padding: 5px 8px;
|
|
}
|
|
}
|
|
|
|
.ui.header,
|
|
.ui.segment {
|
|
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
|
|
}
|
|
|
|
&.user {
|
|
.email {
|
|
max-width: 200px;
|
|
}
|
|
}
|
|
|
|
dl.admin-dl-horizontal {
|
|
padding: 20px;
|
|
margin: 0;
|
|
|
|
dd {
|
|
margin-left: 275px;
|
|
}
|
|
|
|
dt {
|
|
font-weight: bolder;
|
|
float: left;
|
|
width: 285px;
|
|
clear: left;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&.config {
|
|
#test-mail-btn {
|
|
margin-left: 5px;
|
|
}
|
|
}
|
|
|
|
code,
|
|
pre {
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
#notice-table {
|
|
.notice-description {
|
|
@media only screen and (max-width: 767px) {
|
|
max-width: 80vw;
|
|
}
|
|
@media only screen and (max-width: 991px) and (min-width: 768px) {
|
|
max-width: 360px;
|
|
}
|
|
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
|
|
max-width: 510px;
|
|
}
|
|
@media only screen and (min-width: 1200px) {
|
|
max-width: 640px;
|
|
}
|
|
}
|
|
}
|
|
}
|