Some css fixed - in lobby, only host can see hover animation over books.

This commit is contained in:
Sagi Dayan 2020-05-01 09:18:34 -04:00
parent 0c355d549d
commit beb38b10c5
7 changed files with 15 additions and 18 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -6959,15 +6959,13 @@ video {
max-width: 15vh; } max-width: 15vh; }
.book-thumb { .book-thumb {
cursor: pointer;
transition: all .2s; transition: all .2s;
z-index: inherit; z-index: inherit;
flex-basis: 12%; flex-basis: 12%;
text-align: center; } text-align: center; }
.book-thumb:hover {
.book-thumb.enabled {
cursor: pointer; }
.book-thumb.enabled:hover {
transform: scale(1.1); transform: scale(1.1);
z-index: 10; } z-index: 10; }
.book-thumb:disabled:hover {
cursor: not-allowed;
transform: scale(1); }

View file

@ -249,18 +249,17 @@ video{
} }
.book-thumb{ .book-thumb{
cursor: pointer; // cursor: not-allowed;
transition: all .2s; transition: all .2s;
z-index: inherit; z-index: inherit;
flex-basis: 12%; flex-basis: 12%;
text-align: center; text-align: center;
}
.book-thumb.enabled{
cursor: pointer;
&:hover{ &:hover{
transform: scale(1.1); transform: scale(1.1);
z-index: 10; z-index: 10;
// box-shadow: 10px 0px 15px -13px rgba(0,0,0,0.35);
} }
} }
.book-thumb:disabled:hover{
cursor: not-allowed;
transform: scale(1);
}

View file

@ -6,7 +6,7 @@
</h2> </h2>
<div class="is-flex m-b-md"> <div class="is-flex m-b-md">
<div <div
class="book-thumb m-l-md" :class="['book-thumb', 'm-l-md', {'enabled': callManager.isHost}]"
v-for="(book, index) in callManager.books" v-for="(book, index) in callManager.books"
:key="index" :key="index"
@click="goToBook(book, index, false)" @click="goToBook(book, index, false)"