|
@@ -11,7 +11,7 @@
|
|
<ArrowNavView :previousQuestionOrder="previousQuestionOrder" :nextQuestionOrder="nextQuestionOrder"></ArrowNavView>
|
|
<ArrowNavView :previousQuestionOrder="previousQuestionOrder" :nextQuestionOrder="nextQuestionOrder"></ArrowNavView>
|
|
</div>
|
|
</div>
|
|
<div :class="['side', 'side-row-size']">
|
|
<div :class="['side', 'side-row-size']">
|
|
- <div class="question-nav">
|
|
|
|
|
|
+ <div :class="['question-nav', !faceEnable && 'question-nav-long']">
|
|
<QuestionNavView :paperStruct="paperStruct" />
|
|
<QuestionNavView :paperStruct="paperStruct" />
|
|
</div>
|
|
</div>
|
|
<div v-if="faceEnable" class="camera">
|
|
<div v-if="faceEnable" class="camera">
|
|
@@ -396,6 +396,14 @@ export default {
|
|
grid-template-rows: 1fr;
|
|
grid-template-rows: 1fr;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+.question-nav {
|
|
|
|
+ max-height: calc(100vh - 350px);
|
|
|
|
+}
|
|
|
|
+
|
|
|
|
+.question-nav-long {
|
|
|
|
+ max-height: calc(100vh - 100px);
|
|
|
|
+}
|
|
|
|
+
|
|
.camera {
|
|
.camera {
|
|
align-self: flex-end;
|
|
align-self: flex-end;
|
|
justify-self: flex-end;
|
|
justify-self: flex-end;
|