diff --git a/src/views/ProfileView.vue b/src/views/ProfileView.vue index 933505e..fe3d779 100644 --- a/src/views/ProfileView.vue +++ b/src/views/ProfileView.vue @@ -382,10 +382,6 @@ {{ photoActionSuccess }} -
-
- Загрузка фотографий... -
@@ -1255,8 +1251,14 @@ const getGenderPreferenceText = (genderPreference) => { // Закрытие выпадающих списков при клике вне их const handleClickOutside = (event) => { - if (!event.target.closest('.city-input-wrapper')) { + // Проверяем клик для выпадающего списка города + if (showCityList.value && !event.target.closest('.select-wrapper')) { showCityList.value = false; + } + + // Проверяем клик для выпадающего списка пола отдельно, чтобы не влиять на другой список + if (showGenderList.value && !event.target.closest('#editGender') && + !event.target.closest('.dropdown') && !event.composedPath().some(el => el.id === 'editGender')) { showGenderList.value = false; } }; @@ -1545,8 +1547,9 @@ onUnmounted(() => { color: #6c757d; margin: 0; line-height: 1.2; + white-space: nowrap; /* Возвращаем запрет на перенос строки */ + overflow: visible; /* Разрешаем выход за пределы контейнера */ width: 100%; /* оставляем эту ширину, чтобы почта занимала всю доступную ширину */ - word-break: break-word; /* добавляем перенос слов, если почта очень длинная */ } .user-badges { @@ -1996,6 +1999,7 @@ onUnmounted(() => { .action-btn.primary:hover { background: linear-gradient(45deg, #5a6abf, #6a4190); + border-color: rgba(102, 126, 234, 0.5); transform: translateY(-2px); box-shadow: 0 6px 15px rgba(102, 126, 234, 0.4); text-decoration: none; @@ -2165,6 +2169,7 @@ onUnmounted(() => { @keyframes alert-in { from { opacity: 0; transform: translateY(-10px); } + to { opacity: 1; transform: translateY(0); } }