RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Restore tick centering

old-stable24
Varun Patil 2022-10-20 20:16:56 -07:00
parent 7941a4ed71
commit 3da3cab4b1
1 changed files with 1 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ScrollerManager.vue
View File

@ -23,7 +23,7 @@
<div v-for="tick of visibleTicks" :key="tick.key" <div v-for="tick of visibleTicks" :key="tick.key"
class="tick" class="tick"
:class="{ 'dash': !tick.text }" :class="{ 'dash': !tick.text }"
:style="{ transform: `translateY(${tick.top}px)` }"> :style="{ transform: `translateY(calc(${tick.top}px - 50%))` }">
<span v-if="tick.text">{{ tick.text }}</span> <span v-if="tick.text">{{ tick.text }}</span>
</div> </div>
@ -428,7 +428,6 @@ export default class ScrollerManager extends Mixins(GlobalMixin) {
right: 9px; right: 9px;
top: 0; top: 0;
transition: transform 0.2s linear; transition: transform 0.2s linear;
transform: translateY(-50%);
z-index: 1; z-index: 1;
&.dash { &.dash {