diff --git a/dashboard-ui/css/metadataeditor.css b/dashboard-ui/css/metadataeditor.css index 5d4d8ba792..6b726b412e 100644 --- a/dashboard-ui/css/metadataeditor.css +++ b/dashboard-ui/css/metadataeditor.css @@ -53,6 +53,10 @@ background-repeat: no-repeat; background-size: contain; display: block; + + /* For the box shadow so that the bottom border isnt underneath the text */ + z-index: 100000; + position: relative; } .remotePosterImage { @@ -119,7 +123,6 @@ .searchImageContainer .remoteImageDetails { overflow-x: hidden; text-overflow: ellipsis; - white-space: nowrap; } @media all and (min-width: 500px) { @@ -172,6 +175,12 @@ padding: 0 0 1em 0; } +.remoteImage:hover, .searchImageContainer:hover { + -moz-box-shadow: 0 0 12px 7px #38c; + -webkit-box-shadow: 0 0 12px 7px #38c; + box-shadow: 0 0 12px 7px #38c; +} + @media all and (min-width: 600px) { .popupIdentify { @@ -294,11 +303,41 @@ } } +.popupIdentifyForm, .identificationSearchResults { + overflow-y: auto; +} + + +@media all and (min-height: 500px) { + + .popupIdentifyForm, .identificationSearchResults { + height: 350px; + } +} + +@media all and (min-height: 600px) { + + .popupIdentifyForm, .identificationSearchResults { + height: 450px; + } +} + +@media all and (min-height: 700px) { + + .popupIdentifyForm, .identificationSearchResults { + height: 550px; + } +} + @media all and (min-height: 800px) { .availableImagesList { height: 600px; } + + .popupIdentifyForm, .identificationSearchResults { + height: 600px; + } } @media all and (min-height: 900px) { @@ -306,4 +345,8 @@ .availableImagesList { height: 700px; } + + .popupIdentifyForm, .identificationSearchResults { + height: 700px; + } } diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html index ec88e238ab..1c8dccac1f 100644 --- a/dashboard-ui/edititemmetadata.html +++ b/dashboard-ui/edititemmetadata.html @@ -382,7 +382,7 @@ -