github/Ombi
1
0
Fork 0
mirror of https://github.com/Ombi-app/Ombi.git synced 2025-08-19 12:59:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Only apply the grow animation on non-mobile devices

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

6
src/Ombi/ClientApp/src/app/discover/components/card/discover-card-details.component.scss
View file

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

8
src/Ombi/ClientApp/src/app/discover/components/card/discover-card.component.scss
View file

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

7
src/Ombi/ClientApp/src/app/media-details/components/shared/social-icons/social-icons.component.scss
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 { .media-icons.plex {
color: #feb801 !important; color: #feb801 !important;

3
src/Ombi/ClientApp/src/styles/shared.scss
View file

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