mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-02-24 06:47:05 +08:00
Added: show fancy placeholder for external images
This commit is contained in:
parent
2c40475bfa
commit
0ec37b7e90
1 changed files with 22 additions and 0 deletions
|
@ -429,6 +429,28 @@ html.rl-no-preview-pane {
|
||||||
img {
|
img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
img[data-x-src]:not([src]) {
|
||||||
|
border: 1px solid #999;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
img[data-x-src]:not([src])::after {
|
||||||
|
content: "\e00e"; font-family: snappymail;height:16px;width:16px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
color: #000;
|
||||||
|
background-color: #fff;
|
||||||
|
border: 1px solid #999;
|
||||||
|
padding: 3px;
|
||||||
|
}
|
||||||
|
img[data-x-src]:not([src]):hover::after {
|
||||||
|
content: attr(data-x-src);
|
||||||
|
font-family: sans-serif;
|
||||||
|
height: auto;
|
||||||
|
transform: translate(-25%,0);
|
||||||
|
width: auto;
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
|
||||||
pre, code {
|
pre, code {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
Loading…
Reference in a new issue