0
Fork 0
mirror of https://github.com/caddyserver/caddy.git synced 2025-02-24 23:57:05 -05:00

Improve long name line breaks

This commit is contained in:
David Darrell 2015-12-31 19:11:58 +08:00
parent 94e3e7e5eb
commit 81bb2ee741

View file

@ -112,12 +112,22 @@ header,
th:first-child, th:first-child,
td:first-child { td:first-child {
padding-left: 5%; padding: 0.5em 2.5% 0.5em 5%;
}
td:first-child svg {
position: absolute;
}
td:first-child div.name {
margin-left: 2em;
word-break: break-all;
overflow-wrap: break-word;
} }
th:last-child, th:last-child,
td:last-child { td:last-child {
padding-right: 5%; padding: 0.5em 5% 0.5em 2.5%;
} }
header { header {
@ -174,7 +184,7 @@ tr:not(:first-child):hover {
th, th,
td { td {
text-align: left; text-align: left;
padding: 10px 0; vertical-align: top;
} }
th { th {
@ -201,9 +211,17 @@ td:first-child {
word-break: break-word; word-break: break-word;
} }
th:nth-child(2),
td:nth-child(2) {
padding: 0.5em 2.5%;
white-space: nowrap;
}
th:last-child, th:last-child,
td:last-child { td:last-child {
text-align: right; text-align: right;
padding: 0.5em 5% 0.5em 2.5%;
white-space: nowrap;
} }
footer { footer {
@ -217,14 +235,16 @@ footer {
display: none; display: none;
} }
th:first-child,
td:first-child { td:first-child {
width: auto; width: auto;
} }
th:nth-child(2), th:nth-child(2),
td:nth-child(2) { td:nth-child(2) {
padding-right: 5%; padding: 0.5em 5% 0.5em 2.5%;
text-align: right; text-align: right;
width: 5em;
} }
} }
</style> </style>
@ -280,7 +300,7 @@ footer {
{{else}} {{else}}
<svg width="1.5em" height="1em" version="1.1" viewBox="0 0 26.604381 29.144726"><use xlink:href="#file"></use></svg> <svg width="1.5em" height="1em" version="1.1" viewBox="0 0 26.604381 29.144726"><use xlink:href="#file"></use></svg>
{{end}} {{end}}
{{.Name}} <div class="name">{{.Name}}</div>
</a> </a>
</td> </td>
<td>{{.HumanSize}}</td> <td>{{.HumanSize}}</td>