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: fixed toggle icons placement; added border around timeline

Browse Source
This commit is contained in:
Ivan Velev 2021-09-20 20:23:32 -07:00
parent 3158cba8f2
commit b976d24e68
3 changed files with 70 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

16
pywb/vueui/src/App.vue
View File

@ -5,12 +5,14 @@
<div class="logo"><img :src="config.logoImg" /></div>
<div class="timeline-wrap">
<div class="line">
<TimelineBreadcrumbs
v-if="currentPeriod && showTimelineView"
:period="currentPeriod"
@goto-period="gotoPeriod"
class="breadcrumbs"
></TimelineBreadcrumbs>
<div class="breadcrumbs-wrap">
<TimelineBreadcrumbs
v-if="currentPeriod && showTimelineView"
:period="currentPeriod"
@goto-period="gotoPeriod"
></TimelineBreadcrumbs>
<span v-if="!showTimelineView" v-html="'&nbsp;'"></span><!-- for spacing -->
</div>
<div class="toggles">
<span class="toggle" :class="{expanded: showFullView}" @click="showFullView = !showFullView" :title="(showTimelineView ? 'show':'hide') + ' calendar'">
@ -187,7 +189,7 @@ export default {
position: relative;
}
.timeline-wrap .line .breadcrumbs {
.timeline-wrap .line .breadcrumbs-wrap {
display: inline-block;
flex-grow: 1;
}

2
pywb/vueui/src/components/Timeline.vue
View File

@ -217,6 +217,8 @@ export default{
height: 60px;
margin: 5px;
justify-content: left;
border: 1px solid black;
border-radius: 5px;
}
.timeline .id {