r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

End

Browse Source
This commit is contained in:
Global Server 2022-01-02 19:52:12 +01:00
parent 3e0fa8ec46
commit d547a3ccaa
3 changed files with 74 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sidebarLeft/index.ts
View File

@ -25,7 +25,7 @@ import AppNewChannelTab from "./tabs/newChannel";
import AppContactsTab from "./tabs/contacts"; import AppContactsTab from "./tabs/contacts";
import AppArchivedTab from "./tabs/archivedTab"; import AppArchivedTab from "./tabs/archivedTab";
import AppAddMembersTab from "./tabs/addMembers"; import AppAddMembersTab from "./tabs/addMembers";
import AppPeopleNearby from "./tabs/PeopleNearby"; import AppPeopleNearby from "./tabs/peopleNearby";
import { i18n_, LangPackKey } from "../../lib/langPack"; import { i18n_, LangPackKey } from "../../lib/langPack";
import { ButtonMenuItemOptions } from "../buttonMenu"; import { ButtonMenuItemOptions } from "../buttonMenu";
import CheckboxField from "../checkboxField"; import CheckboxField from "../checkboxField";

4
src/components/sidebarLeft/tabs/PeopleNearby.ts → src/components/sidebarLeft/tabs/peopleNearby.ts
View File

@ -185,7 +185,7 @@ export default class AppPeopleNearby extends SliderSuperTab {
break; break;
} }
} }
dom.lastMessageSpan.append(', '+i18n('Members', [participantsCount])); dom.lastMessageSpan.append(', ', i18n('Members', [participantsCount]));
} }
}); });
@ -234,7 +234,7 @@ export default class AppPeopleNearby extends SliderSuperTab {
const distanceCheck = this.calculateDistance( const distanceCheck = this.calculateDistance(
result.coords.latitude, result.coords.longitude, result.coords.latitude, result.coords.longitude,
this.latestLocationSaved.latitude, this.latestLocationSaved.longitude this.latestLocationSaved.latitude, this.latestLocationSaved.longitude
); ) > 100;
if((isLatitudeDifferent || isLongitudeDifferent) && distanceCheck){ if((isLatitudeDifferent || isLongitudeDifferent) && distanceCheck){
appUsersManager.getLocated( appUsersManager.getLocated(
result.coords.latitude, result.coords.latitude,

140
src/scss/partials/_peopleNearby.scss
View File

@ -1,79 +1,81 @@
div.text.nearby-description { .peoplenearby-container {
margin-top: 15px; div.text.nearby-description {
text-align: center; margin-top: 15px;
color: var(--primary-text-color); text-align: center;
} color: var(--primary-text-color);
}
div.text.nearby-error { div.text.nearby-error {
color: var(--gc-secondary-text-color); color: var(--gc-secondary-text-color);
margin-top: 10px; margin-top: 10px;
text-align: center; text-align: center;
} }
.locating-animation-container { .locating-animation-container {
min-height: 140px; min-height: 140px;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
& .tgico.tgico-location { & .tgico.tgico-location {
padding: 50px; padding: 50px;
background: var(--avatar-color-bottom); background: var(--avatar-color-bottom);
width: 140px; width: 140px;
height: 140px; height: 140px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 50%;
&::before {
font-size: 58px;
color: white;
}
}
& .locating-animation-waves {
position: fixed;
&.wave-1,
&.wave-3 {
animation: 3s waves-animation infinite;
width: 50px;
height: 50px;
border: 5px solid white;
border-radius: 50%; border-radius: 50%;
clip-path: polygon(72% 0, 100% 0, 100% 100%, 72% 100%);
margin-left: 36px; &::before {
font-size: 58px;
color: white;
}
} }
&.wave-2, & .locating-animation-waves {
&.wave-4 { position: fixed;
animation: 5s waves-animation infinite;
width: 66px;
height: 71px;
border: 5px solid white;
border-radius: 50%;
clip-path: polygon(72% 0, 100% 0, 100% 100%, 72% 100%);
margin-left: 51px;
margin-top: 1px;
animation-delay: 2s;
}
&.wave-3 { &.wave-1,
margin-left: -36px !important; &.wave-3 {
transform: rotateY(180deg); animation: 3s waves-animation infinite;
} width: 50px;
height: 50px;
border: 5px solid white;
border-radius: 50%;
clip-path: polygon(72% 0, 100% 0, 100% 100%, 72% 100%);
margin-left: 36px;
}
&.wave-4 { &.wave-2,
margin-left: -51px !important; &.wave-4 {
transform: rotateY(180deg); animation: 5s waves-animation infinite;
} width: 66px;
} height: 71px;
} border: 5px solid white;
border-radius: 50%;
clip-path: polygon(72% 0, 100% 0, 100% 100%, 72% 100%);
margin-left: 51px;
margin-top: 1px;
animation-delay: 2s;
}
@keyframes waves-animation { &.wave-3 {
from { opacity: 100%; } margin-left: -36px !important;
50% { opacity: 0%; } transform: rotateY(180deg);
to { opacity: 100%; } }
&.wave-4 {
margin-left: -51px !important;
transform: rotateY(180deg);
}
}
}
@keyframes waves-animation {
from { opacity: 100%; }
50% { opacity: 0%; }
to { opacity: 100%; }
}
} }