Better loading on chromecast-loading for mobile

This commit is contained in:
Kasper Rynning-Tønnesen
2018-02-25 15:52:37 +01:00
parent 29a07ca099
commit b407da74ff
2 changed files with 17 additions and 7 deletions

View File

@@ -1984,7 +1984,7 @@ nav ul li:hover, nav ul li.active {
} }
.result { .result {
border-bottom: solid 1px rgba(229, 229, 229, 0.5); /*border-bottom: solid 1px rgba(229, 229, 229, 0.5);*/
cursor: pointer; cursor: pointer;
/*width:93%;*/ /*width:93%;*/
} }
@@ -2438,6 +2438,10 @@ nav ul li:hover, nav ul li.active {
display: none; display: none;
} }
.result-object {
border-bottom: solid 1px rgba(229, 229, 229, 0.5);
}
.hamburger-sidenav { .hamburger-sidenav {
width: 24px; width: 24px;
height: 24px; height: 24px;
@@ -3078,6 +3082,7 @@ nav ul li:hover, nav ul li.active {
} }
.result-get-more-info { .result-get-more-info {
background: black;
position: absolute; position: absolute;
right: 0px; right: 0px;
height: 100%; height: 100%;
@@ -3094,14 +3099,19 @@ nav ul li:hover, nav ul li.active {
.result-object { .result-object {
-webkit-transform: translateX(0%); -webkit-transform: translateX(0%);
transform: translateX(0%); transform: translateX(0%);
-webkit-transition: transform .5s; overflow: hidden;
-moz-transition: transform .5s; }
transition: transform .5s;
.result {
-webkit-transition: margin .5s;
-moz-transition: margin .5s;
transition: margin .5s;
} }
.result-object-slid { .result-object-slid {
-webkit-transform: translateX(calc(-100% + 45px)) !important; /*-webkit-transform: translateX(calc(-100% + 45px)) !important;
transform: translateX(calc(-100% + 45px)) !important; transform: translateX(calc(-100% + 45px)) !important;*/
margin-left: -99%;
} }
.result-start-end-container { .result-start-end-container {

View File

@@ -1023,7 +1023,7 @@ $(document).on("click", ".result-get-more-info", function(e) {
var parent = that.parent().parent().parent().parent(); var parent = that.parent().parent().parent().parent();
var to_toggle = $("#inner-results").find("[data-video-id='" + parent.attr("data-video-id") + "']")[0]; 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"); $(to_toggle).toggleClass("result-object-slid");
if($(that.children()[0]).text() == "keyboard_arrow_right") { if($(that.children()[0]).text() == "keyboard_arrow_right") {
$(that.children()[0]).text("keyboard_arrow_left") $(that.children()[0]).text("keyboard_arrow_left")