backup/pywb
1
0
Fork 0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-15 00:03:28 +01:00
Code Issues Projects Releases Activity

vueui:

Browse Source 
make calendar year scrollable if not enough space
make day's linear snapshot list scroll without obscuring day label
This commit is contained in:
Ivan Velev 2021-09-21 03:50:16 -07:00
parent 576050dbb6
commit ad8c12a5cd
3 changed files with 32 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
pywb/static/vue/vueui.js
View File

File diff suppressed because one or more lines are too long

1
pywb/vueui/src/components/CalendarYear.vue
View File

@ -3,6 +3,7 @@
position: fixed;
z-index: 10;
height: 80vh;
overflow: scroll;
width: 100%;
background-color: white;
}

14
pywb/vueui/src/components/TimelineLinear.vue
View File

@ -5,8 +5,10 @@
<div>{{ period.snapshotCount }} capture<span v-if="period.snapshotCount > 1">s</span></div>
</div>
<div v-for="period in snapshotPeriods">
<span class="link" @click="gotoPeriod(period)">{{period.snapshot.getTimeFormatted()}}</span>
<div class="list">
<div v-for="period in snapshotPeriods">
<span class="link" @click="gotoPeriod(period)">{{period.snapshot.getTimeFormatted()}}</span>
</div>
</div>
</div>
</template>
@ -30,15 +32,17 @@ export default {
<style scoped>
.timeline-linear {
max-height: 80vh;
min-height: 50px;
width: auto;
overflow: scroll;
padding: 5px;
background-color: white;
border: 1px solid gray;
border-radius: 5px;
}
.timeline-linear .list {
max-height: 80vh;
min-height: 50px;
overflow: scroll;
}
.timeline-linear .title {
border-bottom: 1px solid black;
font-weight: bold;