butter/keanu-weblite
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix urdu profile popup alignment

Browse source
This commit is contained in:
10G Meow 2023-04-09 12:03:34 +03:00
parent 19d3605e11
commit 2922986a73
1 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/ProfileInfoPopup.vue
View file

@ -10,7 +10,7 @@
<i18n path="profile_info_popup.identity_temporary" tag="span"> <i18n path="profile_info_popup.identity_temporary" tag="span">
<template v-slot:displayName> <template v-slot:displayName>
<input v-model="displayName" <input v-model="displayName"
@keyup.enter="$event => $event.target.blur()" @keyup.enter="$event => $event.target.blur()"
@blur=" @blur="
updateDisplayName($event.target.value); updateDisplayName($event.target.value);
editDisplayName = !editDisplayName; editDisplayName = !editDisplayName;
@ -21,11 +21,11 @@
<div v-else> <div v-else>
<i18n path="profile_info_popup.identity" tag="span"> <i18n path="profile_info_popup.identity" tag="span">
<template v-slot:displayName> <template v-slot:displayName>
<input <input
v-model="displayName" v-model="displayName"
@keyup.enter="$event => $event.target.blur()" @keyup.enter="$event => $event.target.blur()"
@blur="updateDisplayName($event.target.value);editDisplayName = !editDisplayName;" @blur="updateDisplayName($event.target.value);editDisplayName = !editDisplayName;"
@focus="editDisplayName = !editDisplayName" @focus="editDisplayName = !editDisplayName"
/> />
</template> </template>
</i18n> </i18n>
@ -128,7 +128,7 @@ export default {
[dir="rtl"] & { [dir="rtl"] & {
right: inherit; right: inherit;
left: 10px; left: unset;
} }
border-radius: 40px; border-radius: 40px;
@ -205,7 +205,6 @@ export default {
@media #{map-get($display-breakpoints, 'lg-and-up')} { @media #{map-get($display-breakpoints, 'lg-and-up')} {
overflow: unset; overflow: unset;
width: $main-desktop-width; width: $main-desktop-width;
;
position: absolute; position: absolute;
top: 70px; top: 70px;
right: unset; right: unset;