diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css index 2a744c97..2c97fab5 100755 --- a/server/public/assets/css/style.css +++ b/server/public/assets/css/style.css @@ -1984,7 +1984,7 @@ nav ul li:hover, nav ul li.active { } .result { - border-bottom: solid 1px rgba(229, 229, 229, 0.5); + /*border-bottom: solid 1px rgba(229, 229, 229, 0.5);*/ cursor: pointer; /*width:93%;*/ } @@ -2438,6 +2438,10 @@ nav ul li:hover, nav ul li.active { display: none; } +.result-object { + border-bottom: solid 1px rgba(229, 229, 229, 0.5); +} + .hamburger-sidenav { width: 24px; height: 24px; @@ -3078,6 +3082,7 @@ nav ul li:hover, nav ul li.active { } .result-get-more-info { + background: black; position: absolute; right: 0px; height: 100%; @@ -3094,14 +3099,19 @@ nav ul li:hover, nav ul li.active { .result-object { -webkit-transform: translateX(0%); transform: translateX(0%); - -webkit-transition: transform .5s; - -moz-transition: transform .5s; - transition: transform .5s; + overflow: hidden; + } + + .result { + -webkit-transition: margin .5s; + -moz-transition: margin .5s; + transition: margin .5s; } .result-object-slid { - -webkit-transform: translateX(calc(-100% + 45px)) !important; - transform: translateX(calc(-100% + 45px)) !important; + /*-webkit-transform: translateX(calc(-100% + 45px)) !important; + transform: translateX(calc(-100% + 45px)) !important;*/ + margin-left: -99%; } .result-start-end-container { diff --git a/server/public/assets/js/listeners.js b/server/public/assets/js/listeners.js index 51a5faef..2eb9bfc0 100755 --- a/server/public/assets/js/listeners.js +++ b/server/public/assets/js/listeners.js @@ -1023,7 +1023,7 @@ $(document).on("click", ".result-get-more-info", function(e) { var parent = that.parent().parent().parent().parent(); var to_toggle = $("#inner-results").find("[data-video-id='" + parent.attr("data-video-id") + "']")[0]; - + to_toggle = $(to_toggle).children()[0]; $(to_toggle).toggleClass("result-object-slid"); if($(that.children()[0]).text() == "keyboard_arrow_right") { $(that.children()[0]).text("keyboard_arrow_left")