| author | ymh <ymh.work@gmail.com> |
| Wed, 04 Sep 2024 17:32:50 +0200 | |
| changeset 1072 | ac1eacb3aa33 |
| parent 1068 | src/widgets/ImageDisplay.css@7623f9af9272 |
| permissions | -rw-r--r-- |
| 1033 | 1 |
.Ldt-ImageDisplay-Container { |
|
1068
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
2 |
width: 100%; |
|
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
3 |
height: 100%; |
|
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
4 |
background-color: white; |
|
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
5 |
background-repeat: no-repeat; |
|
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
6 |
background-position: center; |
|
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
7 |
background-size: contain; |
| 1033 | 8 |
} |
9 |
||
10 |
.Ldt-ImageDisplay-Image { |
|
11 |
max-width: 100%; |
|
12 |
max-height: 100%; |
|
13 |
} |
|
14 |
||
15 |
.Ldt-ImageDisplay-Overlay { |
|
|
1068
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
16 |
width: 30%; |
| 1033 | 17 |
min-width: 20px; |
18 |
height: 100%; |
|
19 |
opacity: 0.1; |
|
20 |
position: absolute; |
|
21 |
top: 0px; |
|
22 |
bottom: 0px; |
|
23 |
} |
|
24 |
||
25 |
.Ldt-ImageDisplay-Overlay:hover { |
|
26 |
} |
|
27 |
||
28 |
.Ldt-ImageDisplay-Overlay-Left { |
|
29 |
left: 0px; |
|
|
1068
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
30 |
cursor: url(img/left_arrow.svg) 20 20, pointer; |
| 1033 | 31 |
} |
32 |
||
33 |
.Ldt-ImageDisplay-Overlay-Right { |
|
34 |
right: 0px; |
|
|
1068
7623f9af9272
merge pull request #3 from O. Auber
ymh <ymh.work@gmail.com>
parents:
1033
diff
changeset
|
35 |
cursor: url(img/right_arrow.svg) 20 20, pointer; |
| 1033 | 36 |
} |