diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 4 | ||||
| -rw-r--r-- | src/App.vue | 2 | ||||
| -rw-r--r-- | src/components/chat_panel/chat_panel.vue | 17 | ||||
| -rw-r--r-- | src/components/notifications/notifications.scss | 5 | ||||
| -rw-r--r-- | src/components/status/status.vue | 20 | ||||
| -rw-r--r-- | src/components/user_card_content/user_card_content.js | 2 | ||||
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 5 | ||||
| -rw-r--r-- | src/components/user_panel/user_panel.vue | 2 | ||||
| -rw-r--r-- | src/i18n/messages.js | 80 |
9 files changed, 115 insertions, 22 deletions
diff --git a/src/App.scss b/src/App.scss index e081ad9b..a8601220 100644 --- a/src/App.scss +++ b/src/App.scss @@ -6,6 +6,8 @@ background-repeat: no-repeat; background-position: 0 50px; min-height: 100vh; + max-width: 100%; + overflow: hidden; } i { @@ -36,6 +38,8 @@ body { margin: 0; color: $fallback--fg; color: var(--fg, $fallback--fg); + max-width: 100vw; + overflow-x: hidden; } a { diff --git a/src/App.vue b/src/App.vue index 051c601d..a8d17fa7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -24,7 +24,6 @@ <user-panel></user-panel> <nav-panel></nav-panel> <instance-specific-panel v-if="showInstanceSpecificPanel"></instance-specific-panel> - <chat-panel v-if="currentUser && chat"></chat-panel> <notifications v-if="currentUser"></notifications> </div> </div> @@ -36,6 +35,7 @@ </transition> </div> </div> + <chat-panel v-if="currentUser && chat" class="floating-chat mobile-hidden"></chat-panel> </div> </template> diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index dea9b703..30070d3e 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -32,8 +32,8 @@ <div class="panel panel-default"> <div class="panel-heading stub timeline-heading chat-heading" @click.stop.prevent="togglePanel"> <div class="title"> + <i class="icon-comment-empty"></i> {{$t('chat.title')}} - <i class="icon-plus-squared" style="float: right;"></i> </div> </div> </div> @@ -44,12 +44,25 @@ <style lang="scss"> @import '../../_variables.scss'; + +.floating-chat { + position: fixed; + right: 0px; + bottom: 0px; + z-index: 1000; +} + .chat-heading { cursor: pointer; + .icon-comment-empty { + color: $fallback--fg; + color: var(--fg, $fallback--fg); + } } .chat-window { - max-height: 200px; + width: 345px; + max-height: 40vh; overflow-y: auto; overflow-x: hidden; } diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 69ddda00..9cbb1226 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -138,10 +138,15 @@ .name-and-action { flex: 1; + overflow: hidden; + text-overflow: ellipsis; } .username { font-weight: bolder; + max-width: 100%; + text-overflow: ellipsis; + white-space: nowrap; } .timeago { float: right; diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 483abb3e..59dfc351 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -54,7 +54,7 @@ <router-link class="timeago" :to="{ name: 'conversation', params: { id: status.id } }"> <timeago :since="status.created_at" :auto-update="60"></timeago> </router-link> - <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-binoculars"></i></a> + <a :href="status.external_url" target="_blank" v-if="!status.is_local" class="source_url"><i class="icon-link-ext"></i></a> <template v-if="expandable"> <a href="#" @click.prevent="toggleExpanded"><i class="icon-plus-squared"></i></a> </template> @@ -201,8 +201,11 @@ font-weight: lighter; } h4 { + white-space: nowrap; font-size: 14px; margin-right: 0.25em; + overflow: hidden; + text-overflow: ellipsis; } .name-and-links { padding: 0; @@ -210,11 +213,18 @@ display: flex; flex-wrap: wrap; } - .links a { + .links { padding-top: 1px; font-size: 12px; color: $fallback--link; color: var(--link, $fallback--link); + max-width: 100%; + a { + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } } .replies { line-height: 16px; @@ -307,6 +317,12 @@ .media-body { font-size: 1em; line-height: 22px; + a { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } } } } diff --git a/src/components/user_card_content/user_card_content.js b/src/components/user_card_content/user_card_content.js index 2e448f1c..1e8c91de 100644 --- a/src/components/user_card_content/user_card_content.js +++ b/src/components/user_card_content/user_card_content.js @@ -2,7 +2,7 @@ import StillImage from '../still-image/still-image.vue' import { hex2rgb } from '../../services/color_convert/color_convert.js' export default { - props: [ 'user', 'switcher' ], + props: [ 'user', 'switcher', 'hideBio' ], computed: { headingStyle () { const color = this.$store.state.config.colors.bg diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 627a0976..ca8428ca 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -6,7 +6,7 @@ <i class="icon-cog usersettings"></i> </router-link> <a :href="user.statusnet_profile_url" target="_blank" style="float: right; margin-top:16px;" v-if="isOtherUser"> - <i class="icon-binoculars usersettings"></i> + <i class="icon-link-ext usersettings"></i> </a> <div class='container'> <router-link :to="{ name: 'user-profile', params: { id: user.id } }"> @@ -90,7 +90,7 @@ <span>{{user.followers_count}}</span> </div> </div> - <p>{{user.description}}</p> + <p v-if="!hideBio">{{user.description}}</p> </div> </div> </template> @@ -246,7 +246,6 @@ flex: 1; h5 { - color: white; font-size:1em; font-weight: bolder; margin: 0 0 0.25em; diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue index 05af7bc3..3d4f873d 100644 --- a/src/components/user_panel/user_panel.vue +++ b/src/components/user_panel/user_panel.vue @@ -1,7 +1,7 @@ <template> <div class="user-panel"> <div v-if='user' class="panel panel-default" style="overflow: visible;"> - <user-card-content :user="user" :switcher="false"></user-card-content> + <user-card-content :user="user" :switcher="false" :hideBio="true"></user-card-content> <div class="panel-footer"> <post-status-form v-if='user'></post-status-form> </div> diff --git a/src/i18n/messages.js b/src/i18n/messages.js index 03f987e0..a87aea96 100644 --- a/src/i18n/messages.js +++ b/src/i18n/messages.js @@ -867,7 +867,9 @@ const oc = { error_fetching: 'Error en cercant de mesas a jorn', up_to_date: 'Actualizat', load_older: 'Ne veire mai', - conversation: 'Conversacion' + conversation: 'Conversacion', + collapse: 'Plegar', + repeated: 'repetit' }, settings: { user_settings: 'Paramètres utilizaire', @@ -885,8 +887,8 @@ const oc = { settings: 'Paramètres', theme: 'Tèma', presets: 'Pre-enregistrats', - radii_help: 'Configurar los caires arredondits de l’interfàcia (en pixèls)', theme_help: 'Emplegatz los còdis de color hex (#rrggbb) per personalizar vòstre tèma de color.', + radii_help: 'Configurar los caires arredondits de l’interfàcia (en pixèls)', background: 'Rèire plan', foreground: 'Endavant', text: 'Tèxte', @@ -907,6 +909,7 @@ const oc = { hide_attachments_in_tl: 'Rescondre las pèças juntas', hide_attachments_in_convo: 'Rescondre las pèças juntas dins las conversacions', nsfw_clickthrough: 'Activar lo clic per mostrar los imatges marcats coma pels adults o sensibles', + stop_gifs: 'Lançar los GIFs al subrevòl', autoload: 'Activar lo cargament automatic un còp arribat al cap de la pagina', streaming: 'Activar lo cargament automatic dels novèls estatus en anar amont', reply_link_preview: 'Activar l’apercebut en passar la mirga', @@ -918,7 +921,9 @@ const oc = { notifications: { notifications: 'Notficacions', read: 'Legit !', - followed_you: 'vos a seguit' + followed_you: 'vos a seguit', + favorited_you: 'a mes vòstre estatut en favorit', + repeated_you: 'a repetit your vòstre estatut' }, login: { login: 'Connexion', @@ -952,7 +957,11 @@ const oc = { } const pl = { + chat: { + title: 'Czat' + }, nav: { + chat: 'Lokalny czat', timeline: 'Oś czasu', mentions: 'Wzmianki', public_tl: 'Publiczna oś czasu', @@ -969,14 +978,17 @@ const pl = { muted: 'Wyciszony', followers: 'Obserwujący', followees: 'Obserwowani', - per_day: 'dziennie' + per_day: 'dziennie', + remote_follow: 'Zdalna obserwacja' }, timeline: { show_new: 'Pokaż nowe', error_fetching: 'Błąd pobierania', up_to_date: 'Na bieżąco', load_older: 'Załaduj starsze statusy', - conversation: 'Rozmowa' + conversation: 'Rozmowa', + collapse: 'Zwiń', + repeated: 'powtórzono' }, settings: { user_settings: 'Ustawienia użytkownika', @@ -986,26 +998,51 @@ const pl = { avatar: 'Awatar', current_avatar: 'Twój obecny awatar', set_new_avatar: 'Ustaw nowy awatar', - profile_banner: 'Banner profilui', + profile_banner: 'Banner profilu', current_profile_banner: 'Twój obecny banner profilu', set_new_profile_banner: 'Ustaw nowy banner profilu', profile_background: 'Tło profilu', set_new_profile_background: 'Ustaw nowe tło profilu', settings: 'Ustawienia', theme: 'Motyw', + presets: 'Gotowe motywy', + theme_help: 'Użyj kolorów w notacji szesnastkowej (#rrggbb), by stworzyć swój motyw.', + radii_help: 'Ustaw zaokrąglenie krawędzi interfejsu (w pikselach)', + background: 'Tło', + foreground: 'Pierwszy plan', + text: 'Tekst', + links: 'Łącza', + cBlue: 'Niebieski (odpowiedz, obserwuj)', + cRed: 'Czerwony (anuluj)', + cOrange: 'Pomarańczowy (ulubione)', + cGreen: 'Zielony (powtórzenia)', + btnRadius: 'Przyciski', + panelRadius: 'Panele', + avatarRadius: 'Awatary', + avatarAltRadius: 'Awatary (powiadomienia)', + tooltipRadius: 'Etykiety/alerty', + attachmentRadius: 'Załączniki', filtering: 'Filtrowanie', filtering_explanation: 'Wszystkie statusy zawierające te słowa będą wyciszone. Jedno słowo na linijkę', attachments: 'Załączniki', hide_attachments_in_tl: 'Ukryj załączniki w osi czasu', hide_attachments_in_convo: 'Ukryj załączniki w rozmowach', nsfw_clickthrough: 'Włącz domyślne ukrywanie załączników o treści nieprzyzwoitej (NSFW)', + stop_gifs: 'Odtwarzaj GIFy po najechaniu kursorem', autoload: 'Włącz automatyczne ładowanie po przewinięciu do końca strony', - reply_link_preview: 'Włącz dymek z podglądem postu po najechaniu na znak odpowiedzi' + streaming: 'Włącz automatycznie strumieniowanie nowych postów gdy na początku strony', + reply_link_preview: 'Włącz dymek z podglądem postu po najechaniu na znak odpowiedzi', + follow_import: 'Import obserwowanych', + import_followers_from_a_csv_file: 'Importuj obserwowanych z pliku CSV', + follows_imported: 'Obserwowani zaimportowani! Przetwarzanie może trochę potrwać.', + follow_import_error: 'Błąd przy importowaniu obserwowanych' }, notifications: { notifications: 'Powiadomienia', read: 'Przeczytane!', - followed_you: 'obserwuje cię' + followed_you: 'obserwuje cię', + favorited_you: 'dodał twój status do ulubionych', + repeated_you: 'powtórzył twój status' }, login: { login: 'Zaloguj', @@ -1016,7 +1053,7 @@ const pl = { }, registration: { registration: 'Rejestracja', - fullname: 'Wyświetlane imię', + fullname: 'Wyświetlana nazwa profilu', email: 'Email', bio: 'Bio', password_confirm: 'Potwierdzenie hasła' @@ -1030,7 +1067,11 @@ const pl = { error_fetching_user: 'Błąd przy pobieraniu profilu' }, general: { - submit: 'Wyślij' + submit: 'Wyślij', + apply: 'Zastosuj' + }, + user_profile: { + timeline_title: 'Oś czasu użytkownika' } } @@ -1264,7 +1305,9 @@ const ru = { error_fetching: 'Ошибка при обновлении', up_to_date: 'Обновлено', load_older: 'Загрузить старые статусы', - conversation: 'Разговор' + conversation: 'Разговор', + collapse: 'Свернуть', + repeated: 'повторил(а)' }, settings: { user_settings: 'Настройки пользователя', @@ -1283,10 +1326,21 @@ const ru = { theme: 'Тема', presets: 'Пресеты', theme_help: 'Используйте шестнадцатеричные коды цветов (#rrggbb) для настройки темы.', + radii_help: 'Округление краёв элементов интерфейса (в пикселях)', background: 'Фон', foreground: 'Передний план', text: 'Текст', links: 'Ссылки', + cBlue: 'Ответить, читать', + cRed: 'Отменить', + cOrange: 'Нравится', + cGreen: 'Повторить', + btnRadius: 'Кнопки', + panelRadius: 'Панели', + avatarRadius: 'Аватары', + avatarAltRadius: 'Аватары в уведомлениях', + tooltipRadius: 'Всплывающие подсказки/уведомления', + attachmentRadius: 'Прикреплённые файлы', filtering: 'Фильтрация', filtering_explanation: 'Все статусы, содержащие данные слова, будут игнорироваться, по одному в строке', attachments: 'Вложения', @@ -1305,7 +1359,9 @@ const ru = { notifications: { notifications: 'Уведомления', read: 'Прочесть', - followed_you: 'начал читать вас' + followed_you: 'начал(а) читать вас', + favorited_you: 'нравится ваш статус', + repeated_you: 'повторил(а) ваш статус' }, login: { login: 'Войти', |
