Some css fixed - in lobby, only host can see hover animation over books.
This commit is contained in:
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
|
@ -6959,15 +6959,13 @@ video {
|
|||
max-width: 15vh; }
|
||||
|
||||
.book-thumb {
|
||||
cursor: pointer;
|
||||
transition: all .2s;
|
||||
z-index: inherit;
|
||||
flex-basis: 12%;
|
||||
text-align: center; }
|
||||
.book-thumb:hover {
|
||||
|
||||
.book-thumb.enabled {
|
||||
cursor: pointer; }
|
||||
.book-thumb.enabled:hover {
|
||||
transform: scale(1.1);
|
||||
z-index: 10; }
|
||||
|
||||
.book-thumb:disabled:hover {
|
||||
cursor: not-allowed;
|
||||
transform: scale(1); }
|
||||
|
|
|
@ -249,18 +249,17 @@ video{
|
|||
}
|
||||
|
||||
.book-thumb{
|
||||
cursor: pointer;
|
||||
// cursor: not-allowed;
|
||||
transition: all .2s;
|
||||
z-index: inherit;
|
||||
flex-basis: 12%;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.book-thumb.enabled{
|
||||
cursor: pointer;
|
||||
&:hover{
|
||||
transform: scale(1.1);
|
||||
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);
|
||||
}
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
</h2>
|
||||
<div class="is-flex m-b-md">
|
||||
<div
|
||||
class="book-thumb m-l-md"
|
||||
:class="['book-thumb', 'm-l-md', {'enabled': callManager.isHost}]"
|
||||
v-for="(book, index) in callManager.books"
|
||||
:key="index"
|
||||
@click="goToBook(book, index, false)"
|
||||
|
|
Reference in a new issue