backup/pywb
1
0
Fork 0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-24 06:59:52 +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; position: fixed;
z-index: 10; z-index: 10;
height: 80vh; height: 80vh;
overflow: scroll;
width: 100%; width: 100%;
background-color: white; 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>{{ period.snapshotCount }} capture<span v-if="period.snapshotCount > 1">s</span></div>
</div> </div>
<div v-for="period in snapshotPeriods"> <div class="list">
<span class="link" @click="gotoPeriod(period)">{{period.snapshot.getTimeFormatted()}}</span> <div v-for="period in snapshotPeriods">
<span class="link" @click="gotoPeriod(period)">{{period.snapshot.getTimeFormatted()}}</span>
</div>
</div> </div>
</div> </div>
</template> </template>
@ -30,15 +32,17 @@ export default {
<style scoped> <style scoped>
.timeline-linear { .timeline-linear {
max-height: 80vh;
min-height: 50px;
width: auto; width: auto;
overflow: scroll;
padding: 5px; padding: 5px;
background-color: white; background-color: white;
border: 1px solid gray; border: 1px solid gray;
border-radius: 5px; border-radius: 5px;
} }
.timeline-linear .list {
max-height: 80vh;
min-height: 50px;
overflow: scroll;
}
.timeline-linear .title { .timeline-linear .title {
border-bottom: 1px solid black; border-bottom: 1px solid black;
font-weight: bold; font-weight: bold;