Only apply the grow animation on non-mobile devices

This commit is contained in:
tidusjar 2020-08-21 09:04:27 +01:00
commit 2809763dc4
4 changed files with 67 additions and 71 deletions

View file

@ -17,13 +17,7 @@
font-weight: bold;
}
.grow {
transition: all .2s ease-in-out;
}
.grow:hover {
transform: scale(1.1);
}
h3 strong {
font-weight: bold;
}

View file

@ -1,5 +1,6 @@
$ombi-primary:#3f3f3f;
$card-background: #2b2b2b;
#cardImage {
border-radius: 5px 5px 0px 0px;
height: 75%;
@ -34,6 +35,7 @@ $border-width: 3px;
.requested {
border-bottom: $border-width #ffd740 solid;
}
.notrequested {
border-bottom: $border-width #303030 solid;
}
@ -42,6 +44,8 @@ $border-width: 3px;
text-align: center;
}
@media (min-width: 1025px) {
// Changed height to 100% to make all cards the same height
.grow {
transition: all .2s ease-in-out;
@ -51,6 +55,7 @@ $border-width: 3px;
.grow:hover {
transform: scale(1.1);
}
}
::ng-deep mat-dialog-container.mat-dialog-container {
// background-color: $ombi-primary;
@ -68,7 +73,8 @@ $border-width: 3px;
}
/* Summary adjust for Discover page */
.small, small {
.small,
small {
font-size: 0.8rem;
}

View file

@ -1,11 +1,4 @@
.grow-social {
transition: all .2s ease-in-out;
}
.grow-social:hover {
transform: scale(1.1);
color: black;
}
.media-icons.plex {
color: #feb801 !important;

View file

@ -20,6 +20,7 @@
.top-space {
padding-top: 2%;
}
.modal-panel {
max-height: 100vh !important;
max-width: 100vw !important;
@ -73,6 +74,7 @@ body {
display: none;
}
@media (min-width: 1025px) {
.grow {
transition: all .2s ease-in-out;
}
@ -81,6 +83,7 @@ body {
transform: scale(1.1);
color: black;
}
}
table {
width: 100%;