diff --git a/entries/static/entries/js/components/LexicalUnitEdit.js b/entries/static/entries/js/components/LexicalUnitEdit.js index 2556cbba142468dbf35d06f96985760de9f820f6..9ff44e21550cdd0afb396c10c97625d4930f2e42 100644 --- a/entries/static/entries/js/components/LexicalUnitEdit.js +++ b/entries/static/entries/js/components/LexicalUnitEdit.js @@ -1157,7 +1157,7 @@ Object.assign(LexicalUnitEdit, { @schemata-selected="schemataSelected" /> </div> - <div v-if="right_pane_tab === 'frame_preview'" class="overflow-hidden h-100" > + <div v-if="right_pane_tab === 'frame_preview'" class="overflow-hidden" style="height: calc(100% - 43px)"> <frame-preview :key="currentPreviewedUnifiedFrameId" :initialUnifiedFrameId="currentPreviewedUnifiedFrameId" diff --git a/entries/static/entries/js/components/UnificationSwitchableList.js b/entries/static/entries/js/components/UnificationSwitchableList.js index 31095fcfab2a071f952a16d796eea0186f805170..e044e9e700775f9770b2a3c1410750cbb71dc666 100644 --- a/entries/static/entries/js/components/UnificationSwitchableList.js +++ b/entries/static/entries/js/components/UnificationSwitchableList.js @@ -25,14 +25,14 @@ export default { }, components: {UnificationEntriesList, UnificationEntriesForFramesList, UnificationFramesList}, template: ` - <label class="float-left mt-2"><input type="checkbox" v-model="isFrameView" /> {{ gettext('RAMY') }}</label> - <div v-if="!isFrameView"><unification-entries-for-frames-list + <label class="mt-2 position-absolute" style="z-index: 2"><input type="checkbox" v-model="isFrameView" /> {{ gettext('RAMY') }}</label> + <div v-if="!isFrameView" class="h-100"><unification-entries-for-frames-list :unificationEntriesListRefreshKey="unificationEntriesListRefreshKey" :initialLexicalUnitId="initialLexicalUnitId" :initialEntryId="initialEntryId" @unified-frame-selected="unifiedFrameSelected" /></div> - <div v-else><unification-frames-list + <div v-else class="h-100"><unification-frames-list :unificationEntriesListRefreshKey="unificationEntriesListRefreshKey" @unified-frame-selected="unifiedFrameSelected" /></div>