Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Removing hover tags on mobile.

Browse Source
This commit is contained in:
Zoe Roux 2019-10-27 23:40:41 +01:00
parent 479d24248a
commit a94f22b127
8 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Kyoo/ClientApp/src/app/app.component.scss
View File

@ -23,7 +23,7 @@
padding: 12px;
color: rgba(255, 255, 255, 0.7) !important;
&:hover
&:host-context(.hoverEnabled) &:hover
{
color: white !important;
}
@ -78,7 +78,7 @@ input::-webkit-search-cancel-button
display: inline-block;
opacity: 0.7;
&:hover
&:host-context(.hoverEnabled) &:hover
{
cursor: pointer;
opacity: 1;

3
Kyoo/ClientApp/src/app/app.component.ts
View File

@ -39,6 +39,9 @@ export class AppComponent
break;
}
});
if (!navigator.userAgent.match(/Mobi/))
document.body.classList.add("hoverEnabled");
}
openSearch()

2
Kyoo/ClientApp/src/app/browse/browse.component.scss
View File

@ -89,7 +89,7 @@ button
}
}
&:hover
&:host-context(.hoverEnabled) &:hover
{
cursor: pointer;
}

2
Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.html
View File

@ -1,6 +1,6 @@
<div class="root">
<div class="episodes" #scrollView (scroll)="onScroll()">
<a class="episode" *ngFor="let episode of this.episodes" #episodeDom routerLink="/watch/{{episode.link}}" href="/watch/{{this.showSlug}}-s{{episode.seasonNumber}}e{{episode.episodeNumber}}">
<a class="episode" *ngFor="let episode of this.episodes" #episodeDom routerLink="/watch/{{episode.link}}" href="/watch/{{episode.link}}">
<div matRipple class="img" [style.background-image]="sanitize(episode.thumb)">
<button mat-icon-button class="playBtn"><i class="material-icons playIcon">play_circle_outline</i></button>
</div>

6
Kyoo/ClientApp/src/app/episodes-list/episodes-list.component.scss
View File

@ -6,7 +6,7 @@
{
position: relative;
&:hover
&:host-context(.hoverEnabled) &:hover
{
.scrollBtn
{
@ -36,7 +36,7 @@
background-color: #999;
border-radius: 90px;
&:hover
&:host-context(.hoverEnabled) &:hover
{
background-color: rgb(134, 127, 127);
}
@ -127,7 +127,7 @@
overflow: hidden;
}
&:hover
&:host-context(.hoverEnabled) &:hover
{
.img
{

6
Kyoo/ClientApp/src/app/people-list/people-list.component.scss
View File

@ -23,7 +23,7 @@
background-color: #999;
border-radius: 90px;
&:hover
&:host-context(.hoverEnabled) &:hover
{
background-color: rgb(134, 127, 127);
}
@ -84,7 +84,7 @@
}
}
&:hover
&:host-context(.hoverEnabled) &:hover
{
cursor: pointer;
@ -104,7 +104,7 @@
{
position: relative;
&:hover
&:host-context(.hoverEnabled) &:hover
{
.scrollBtn
{

6
Kyoo/ClientApp/src/app/player/player.component.scss
View File

@ -194,7 +194,7 @@
}
}
&:hover, &.seeking
.hoverEnabled &:hover, &.seeking
{
cursor: pointer;
@ -215,7 +215,7 @@
{
position: relative;
&:hover
.hoverEnabled &:hover
{
#next
{
@ -278,7 +278,7 @@
outline: none;
}
&:hover, &:focus-within
.hoverEnabled &:hover, &:focus-within
{
> mat-slider
{

6
Kyoo/ClientApp/src/app/shows-list/shows-list.component.scss
View File

@ -23,7 +23,7 @@
background-color: #999;
border-radius: 90px;
&:hover
&:host-context(.hoverEnabled) &:hover
{
background-color: rgb(134, 127, 127);
}
@ -103,7 +103,7 @@
}
}
&:hover
&:host-context(.hoverEnabled) &:hover
{
cursor: pointer;
}
@ -113,7 +113,7 @@
{
position: relative;
&:hover
&:host-context(.hoverEnabled) &:hover
{
.scrollBtn
{