entrouvert
/
combo
16
1
Fork 0
Code Issues Pull Requests 12 Releases Wiki Activity

css: add checkerboard background to image preview (#40762)

This commit is contained in:
Thomas JUND 2020-03-16 17:27:51 +01:00
parent 1424afc2a1
commit 2dc8ffb13f
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
combo/manager/static/css/combo.manager.css
View File

@ -312,6 +312,14 @@ div.navigation li.nav-up::before {
#assets-browser td img {
max-width: 50px;
max-height: 50px;
background: #ccc;
background-image:
linear-gradient(45deg, #aaa 25%, transparent 25%),
linear-gradient(-45deg, #aaa 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #aaa 75%),
linear-gradient(-45deg, transparent 75%, #aaa 75%);
background-size: 12px 12px;
background-position: 0 0, 0 6px, 6px -6px, -6px 0px;
}
#assets-browser tr.asset-ext-html::before {
@ -354,7 +362,15 @@ div#asset-preview:empty::before {
div#asset-preview img {
padding: 5px;
background: white;
background: #ddd;
background-image:
linear-gradient(45deg, #bbb 25%, transparent 25%),
linear-gradient(-45deg, #bbb 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #bbb 75%),
linear-gradient(-45deg, transparent 75%, #bbb 75%);
background-size: 40px 40px;
background-position: 0 0, 0 20px, 20px -20px, -20px 0px;
background-clip: content-box;
border: 1px solid #aaa;
max-width: 100%;
}
@ -433,6 +449,14 @@ span.extra-info {
img.page-picture {
max-width: 100%;
max-height: 250px;
background: #ddd;
background-image:
linear-gradient(45deg, #bbb 25%, transparent 25%),
linear-gradient(-45deg, #bbb 25%, transparent 25%),
linear-gradient(45deg, transparent 75%, #bbb 75%),
linear-gradient(-45deg, transparent 75%, #bbb 75%);
background-size: 40px 40px;
background-position: 0 0, 0 20px, 20px -20px, -20px 0px;
}
span.error {