|
@@ -17,8 +17,8 @@
|
|
|
:next-question-order="nextQuestionOrder"
|
|
|
></ArrowNavView>
|
|
|
</div>
|
|
|
- <div :class="['side', 'side-row-size']">
|
|
|
- <div :class="['question-nav', !faceEnable && 'question-nav-long']">
|
|
|
+ <div :class="['side']">
|
|
|
+ <div :class="['question-nav']">
|
|
|
<QuestionNavView :paper-struct="paperStruct" />
|
|
|
</div>
|
|
|
<div v-if="faceEnable" class="camera">
|
|
@@ -748,26 +748,15 @@ export default {
|
|
|
.side {
|
|
|
display: grid;
|
|
|
grid-area: side;
|
|
|
- grid-template-rows: 1fr 300px;
|
|
|
- background-color: #f5f5f5;
|
|
|
-}
|
|
|
-
|
|
|
-.side-row-size {
|
|
|
grid-template-rows: 1fr;
|
|
|
+ background-color: #f5f5f5;
|
|
|
}
|
|
|
|
|
|
.question-nav {
|
|
|
overflow-y: scroll;
|
|
|
- max-height: calc(100vh - 300px);
|
|
|
-}
|
|
|
-
|
|
|
-.question-nav-long {
|
|
|
- max-height: calc(100vh - 100px);
|
|
|
}
|
|
|
|
|
|
.camera {
|
|
|
- align-self: flex-end;
|
|
|
- justify-self: flex-end;
|
|
|
z-index: 100;
|
|
|
height: 300px;
|
|
|
}
|
|
@@ -779,9 +768,6 @@ export default {
|
|
|
.header {
|
|
|
height: 50px;
|
|
|
}
|
|
|
- .side {
|
|
|
- grid-template-rows: minmax(0, 1fr) 300px;
|
|
|
- }
|
|
|
}
|
|
|
</style>
|
|
|
|