natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix overlap of birthday label on datepicker (#3697)

This commit is contained in:
ibrokemypie 2018-12-20 18:01:29 +10:00 committed by syuilo
parent 1d3e6a7197
commit e0b107a3a0
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/app/common/views/components/profile-editor.vue
View File

@ -24,7 +24,7 @@
</ui-input> </ui-input>
<ui-input v-model="birthday" type="date"> <ui-input v-model="birthday" type="date">
<span>{{ $t('birthday') }}</span> <span slot="title">{{ $t('birthday') }}</span>
<span slot="prefix"><fa icon="birthday-cake"/></span> <span slot="prefix"><fa icon="birthday-cake"/></span>
</ui-input> </ui-input>

15
src/client/app/common/views/components/ui/input.vue
View File

@ -6,6 +6,7 @@
<div class="value" ref="passwordMetar"></div> <div class="value" ref="passwordMetar"></div>
</div> </div>
<span class="label" ref="label"><slot></slot></span> <span class="label" ref="label"><slot></slot></span>
<span class="title" ref="title"><slot name="title"></slot></span>
<div class="prefix" ref="prefix"><slot name="prefix"></slot></div> <div class="prefix" ref="prefix"><slot name="prefix"></slot></div>
<template v-if="type != 'file'"> <template v-if="type != 'file'">
<input ref="input" <input ref="input"
@ -281,6 +282,20 @@ root(fill)
transform-origin top left transform-origin top left
transform scale(1) transform scale(1)
> .title
position absolute
z-index 1
top fill ? -24px : -17px
left 0 !important
pointer-events none
font-size 16px
line-height 32px
color var(--inputLabel)
pointer-events none
//will-change transform
transform-origin top left
transform scale(.75)
> input > input
display block display block
width 100% width 100%