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

Improve mobile cursor further

cache
Varun Patil 2022-10-12 09:54:58 -07:00
parent 4307c155d4
commit 1d8b6433ae
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Timeline.vue
View File

@ -86,7 +86,7 @@
<span class="cursor hv" <span class="cursor hv"
:style="{ transform: `translateY(${timelineHoverCursorY}px)` }"> :style="{ transform: `translateY(${timelineHoverCursorY}px)` }">
<div class="text"> {{ timelineHoverCursorText }} </div> <div class="text"> {{ timelineHoverCursorText }} </div>
<div class="icon"> <ScrollIcon :size="18" /> </div> <div class="icon"> <ScrollIcon :size="20" /> </div>
</span> </span>
<div v-for="tick of visibleTimelineTicks" :key="tick.dayId" <div v-for="tick of visibleTimelineTicks" :key="tick.dayId"
@ -1477,9 +1477,11 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
@include phone { @include phone {
&:not(.scrolling-timeline) { &:not(.scrolling-timeline) {
.cursor.hv { .cursor.hv {
left: 15px; left: 12px;
border: 2px solid var(--color-primary); border: none;
border-radius: 10px; box-shadow: 0 0 5px -3px #000;
height: 30px;
border-radius: 15px;
> .text { display: none; } > .text { display: none; }
> .icon { display: block; } > .icon { display: block; }
} }
@ -1543,7 +1545,7 @@ export default class Timeline extends Mixins(GlobalMixin, UserConfig) {
> .icon { > .icon {
display: none; display: none;
transform: translateX(-5px); transform: translate(-4px, 2px);
} }
} }
} }