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

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

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