Mercurial > libervia-templates
comparison default/static/file.css @ 122:9d95b58200df
file: files handling first draft:
file/overview.html generate a simple files/directories listing
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sun, 11 Mar 2018 19:21:46 +0100 |
| parents | |
| children | 44b838bcc0d6 |
comparison
equal
deleted
inserted
replaced
| 121:ab2dd835e597 | 122:9d95b58200df |
|---|---|
| 1 #files { | |
| 2 list-style: none; | |
| 3 display: flex; | |
| 4 flex-wrap: wrap; | |
| 5 } | |
| 6 | |
| 7 .file { | |
| 8 padding: 0 0 0.5em; | |
| 9 width: 100px; | |
| 10 text-overflow: ellipsis; | |
| 11 overflow: hidden; | |
| 12 text-align: center; | |
| 13 overflow-wrap: break-word; | |
| 14 } | |
| 15 | |
| 16 .file:hover { | |
| 17 background: #ddd; | |
| 18 overflow: visible; | |
| 19 } | |
| 20 | |
| 21 .file a { | |
| 22 text-decoration: none; | |
| 23 } | |
| 24 | |
| 25 .file__icon { | |
| 26 height: 3em; | |
| 27 display: block; | |
| 28 margin: 0 auto; | |
| 29 } | |
| 30 | |
| 31 .icon--soft { | |
| 32 fill: #777; | |
| 33 } | |
| 34 | |
| 35 @media (min-width: 500px) { | |
| 36 .file { | |
| 37 padding: 1em; | |
| 38 width: 170px; | |
| 39 } | |
| 40 } |