annotate sat_templates/templates/default/static/file.css @ 188:e85122a39e8f

css (grid): added `overflow: hidden` on items + added .grid__item--small and .grid__item--auto
author Goffi <goffi@goffi.org>
date Sun, 14 Apr 2019 08:09:42 +0200
parents e9f0a4215e46
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 #files {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 list-style: none;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 display: flex;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4 flex-wrap: wrap;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 .file {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 padding: 0 0 0.5em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 width: 100px;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 text-overflow: ellipsis;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 overflow: hidden;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 text-align: center;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 overflow-wrap: break-word;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 .file:hover {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 background: #ddd;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 overflow: visible;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
20
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 .file a {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 text-decoration: none;
123
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
23 outline: none;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
24 }
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
25
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
26 .file a:focus img {
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
27 outline: 3px solid #bbb;
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 .file__icon {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 height: 3em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 display: block;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 margin: 0 auto;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
35
123
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
36 .file__thumbnail {
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
37 max-width: 300px;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
38 height: 125px;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
39 display: block;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
40 margin: 0 auto;
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
41 }
44b838bcc0d6 file/overview: display tumbnails when available
Goffi <goffi@goffi.org>
parents: 122
diff changeset
42
122
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
43
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
44 @media (min-width: 500px) {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
45 .file {
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
46 padding: 1em;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
47 width: 170px;
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
48 }
9d95b58200df file: files handling first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
49 }