Commit 008c571b authored by Gradl, Tobias's avatar Gradl, Tobias
Browse files

1311: Refactor search javascript

Task-Url: https://pm.winseda.de/issues/1311
parent b1a054c0
......@@ -193,9 +193,12 @@
#search-results-container #search-results .tab-pane .search-result-tab-heading {
font-style: italic; }
#search-results-container #search-results .tab-pane .search-results-resources-show-more {
text-align: center; }
#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 {
flex: 0 0 145px;
position: relative;
padding: 5px;
border: 1px solid #dee2e6;
......@@ -205,111 +208,94 @@
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: #727299;
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 #494e7d;
border-bottom: 2px solid #494e7d;
border-top: 3px solid #727299;
border-bottom: 3px solid #727299;
background-color: #213365;
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 #494e7d;
border-bottom: 2px solid #494e7d;
background-color: #213365;
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%; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-datasource {
margin-bottom: 0; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-title {
margin-bottom: 8px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-links {
list-style: none;
padding: 0;
margin-bottom: 8px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-links li {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights {
margin-bottom: 8px;
font-size: 85%; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div {
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item {
justify-content: center; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-score {
float: right;
font-size: 90%; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-datasource {
margin-bottom: 0; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-title {
margin-bottom: 8px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-links {
list-style: none;
padding: 0;
margin-bottom: 8px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item ul.search-result-links li {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights {
margin-bottom: 8px;
font-size: 85%; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
margin: 8px;
font-style: italic; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div span.result-highlight-field {
font-style: normal; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div span.result-highlight {
font-weight: bold;
color: #213365; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-objects > span {
display: inline-block;
padding: 0 0.25rem 0.25rem 0.25rem;
cursor: pointer; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-objects > span i.fa {
margin-right: 5px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-panel {
border: 1px solid #dee2e6;
margin-top: 6px;
margin-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
margin: 8px;
font-style: italic; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div span.result-highlight-field {
font-style: normal; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item div.search-result-highlights > div span.result-highlight {
font-weight: bold;
color: #213365; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-objects > span {
display: inline-block;
padding: 0 0.25rem 0.25rem 0.25rem;
cursor: pointer; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-objects > span i.fa {
margin-right: 5px; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-panel {
border: 1px solid #dee2e6;
margin-top: 6px;
margin-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
overflow-wrap: break-word;
word-wrap: break-word; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-panel .btn {
padding-left: 0; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-panel .collapse ul {
padding-left: 1.25rem;
border-bottom: 0; }
word-wrap: break-word; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-panel .btn {
padding-left: 0; }
#search-results-container #search-results .tab-pane .search-results-item .search-results-resource-item .search-result-panel .collapse ul {
padding-left: 1.25rem;
border-bottom: 0; }
#search-results-container #search-results .tab-pane .result-collection {
margin-bottom: 24px; }
......@@ -398,9 +384,13 @@
#search-available-collections {
margin-bottom: 0; }
#search-available-collections li {
display: block; }
display: block;
padding: 0; }
#search-available-collections li::before {
display: none; }
#search-available-collections li .search-available-collection-doccount {
font-weight: bold;
font-size: 125%; }
.slider {
width: 95%; }
......
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