Commit c990a107 authored by Gradl, Tobias's avatar Gradl, Tobias
Browse files

1278: Improve image handling esp. when not available

Task-Url: https://pm.winseda.de/issues/1278
parent aa7b0fc2
......@@ -195,7 +195,7 @@
font-style: italic; }
#search-results-container #search-results .tab-pane .search-results-item {
margin: 12px 12px 24px 12px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image {
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container {
position: relative;
padding: 5px;
border: 1px solid #dee2e6;
......@@ -205,63 +205,44 @@
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
-webkit-border-radius: 0.25rem;
border-radius: 0.25rem;
/* useful if you don't want a bg color from leaking outside the border: */
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: url("../../img/page_icon_faded.png") center 20px no-repeat;
height: 145px;
width: 145px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .search-result-image-tmb {
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .search-result-image {
height: 135px;
width: 135px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .search-result-image-tmb,
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .item-image {
width: 135px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .image-loading-overlay,
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay {
background-size: contain; }
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .image-loading-overlay,
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .no-preview-overlay {
position: absolute;
text-align: center;
vertical-align: middle;
padding: 8px 5px;
z-index: 100; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .image-loading-overlay.image-loading-overlay,
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay.image-loading-overlay {
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .image-loading-overlay.image-loading-overlay,
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .no-preview-overlay.image-loading-overlay {
top: 40px;
bottom: 0px;
left: 0px;
right: 0px;
color: #A08246;
opacity: 0.8; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .image-loading-overlay.no-preview-overlay,
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay.no-preview-overlay {
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .image-loading-overlay.no-preview-overlay,
#search-results-container #search-results .tab-pane .search-results-item .search-result-image-container .no-preview-overlay.no-preview-overlay {
top: 60px;
bottom: 25px;
left: 0px;
right: 0px;
border-top: 2px solid #035151;
border-bottom: 2px solid #035151;
border-top: 3px solid #A08246;
border-bottom: 3px solid #A08246;
background-color: #035151;
opacity: 0.8;
opacity: 0.7;
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
color: white;
font-style: italic; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-image .no-preview-overlay {
position: absolute;
top: 60px;
bottom: 25px;
left: 0px;
right: 0px;
border-top: 2px solid #035151;
border-bottom: 2px solid #035151;
background-color: #035151;
opacity: 0.8;
text-align: center;
vertical-align: middle;
padding: 8px 5px;
color: white;
font-style: italic;
z-index: 100; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-score {
float: right;
font-size: 90%; }
......
img/placeholder-logo.png

5.95 KB | W: | H:

img/placeholder-logo.png

7.15 KB | W: | H:

img/placeholder-logo.png
img/placeholder-logo.png
img/placeholder-logo.png
img/placeholder-logo.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment