Infrastructure/caddy
0
Fork 0
mirror of https://github.com/caddyserver/caddy.git synced 2024-12-30 22:34:15 -05:00
Code Issues Activity

fileserver: browse: minor tweaks for grid view, dark mode (#5545)

Browse source 
* Make grid entries take up full width on mobile and fix breadcrumb color issue in dark mode

Signed-off-by: Pistasj <odyssey346@disroot.org>

* Do mholt's suggestions

Signed-off-by: Pistasj <odyssey346@disroot.org>

---------

Signed-off-by: Pistasj <odyssey346@disroot.org>
This commit is contained in:
pistasjis 2023-05-21 01:23:17 +02:00 committed by GitHub
parent 2615c9c524
commit cdd3884b32
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
modules/caddyhttp/fileserver/browse.html
View file

@ -621,8 +621,13 @@ footer {
#filter { #filter {
max-width: 100px; max-width: 100px;
} }
.grid .entry {
max-width: initial;
}
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background: black; /* overscroll */ background: black; /* overscroll */
@ -647,6 +652,10 @@ footer {
color: white; color: white;
} }
h1 {
color: white;
}
h1 a:hover { h1 a:hover {
background: hsl(213deg 100% 73% / 20%); background: hsl(213deg 100% 73% / 20%);
} }
@ -714,15 +723,16 @@ footer {
stroke: #ccc !important; stroke: #ccc !important;
} }
} }
</style> </style>
{{- if eq .Layout "grid"}} {{- if eq .Layout "grid"}}
<style>.wrapper { max-width: none; } main { margin-top: 1px; }</style> <style>.wrapper { max-width: none; } main { margin-top: 1px; }</style>
{{- end}} {{- end}}
</head> </head>
<body onload="initPage()"> <body onload="initPage()">
<header> <header>
<div class="wrapper"> <div class="wrapper">
<div class="breadcrumbs">Folder Path</div> <div class="breadcrumbs">Folder Path</div>
<h1> <h1>
{{range $i, $crumb := .Breadcrumbs}}<a href="{{html $crumb.Link}}">{{html $crumb.Text}}</a>{{if ne $i 0}}/{{end}}{{end}} {{range $i, $crumb := .Breadcrumbs}}<a href="{{html $crumb.Link}}">{{html $crumb.Text}}</a>{{if ne $i 0}}/{{end}}{{end}}
</h1> </h1>