Remote interactions modal

This commit is contained in:
marcin mikołajczak 2022-01-02 20:43:53 +00:00
parent 18e9da0a1d
commit 9c6f805499
11 changed files with 65 additions and 0 deletions

Binary file not shown.

Binary file not shown.

View file

@ -740,6 +740,18 @@
"remote_instance.federation_panel.some_restrictions_message": "{siteTitle} nakłada pewne ograniczenia na {host}.",
"remote_instance.pin_host": "Przypnij {instance}",
"remote_instance.unpin_host": "Odepnij {instance}",
"remote_interaction.account_placeholder": "Wprowadź nazwę@domenę użytkownika, z którego chcesz wykonać działanie",
"remote_interaction.favourite": "Przejdź do polubienia",
"remote_interaction.favourite_title": "Polub wpis zdalnie",
"remote_interaction.follow": "Przejdź do obserwacji",
"remote_interaction.follow_title": "Obserwuj {user} zdalnie",
"remote_interaction.poll_vote": "Przejdź do ankiety",
"remote_interaction.poll_vote_title": "Zagłosuj w ankiecie zdalnie",
"remote_interaction.reblog": "Przejdź do wpisu",
"remote_interaction.reblog_title": "Udostępnij wpis zdalnie",
"remote_interaction.reply": "Przejdź do odpowiedzi",
"remote_interaction.reply_title": "Odpowiedz na wpis zdalnie",
"remote_interaction.user_not_found_error": "Nie można odnaleźć podanego użytkownika",
"remote_timeline.filter_message": "Przeglądasz oś czasu {instance}",
"reply_indicator.cancel": "Anuluj",
"report.block": "Zablokuj {target}",

Binary file not shown.

View file

@ -860,6 +860,59 @@
}
}
.remote-interaction-modal {
&__content {
display: flex;
flex-direction: column;
// align-items: center;
row-gap: 10px;
padding: 10px;
.unauthorized-modal-content__button {
margin: 0 auto;
}
}
&__fields {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
.button {
width: auto;
margin: 0;
text-transform: none;
overflow: unset;
}
}
&__divider {
display: flex;
align-items: center;
gap: 10px;
margin: 0 -10px;
&::before,
&::after {
content: "";
flex: 1;
border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2);
}
}
@media screen and (max-width: 895px) {
margin: 0;
border-radius: 6px;
height: unset !important;
width: 440px !important;
}
@media screen and (max-width: 480px) {
width: 330px !important;
}
}
.focal-point-modal {
max-width: 80vw;
max-height: 80vh;