qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Markup inconsistencies

Browse source
This commit is contained in:
Pleroma User 2024-10-22 08:24:06 +00:00 committed by HJ
parent cf7fab7103
commit 2bd16bedce
35 changed files with 87 additions and 57 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changelog.d/misc-markup.fix Normal file
View file

@ -0,0 +1 @@
Fix small markup inconsistencies

1
changelog.d/user-link.add Normal file
View file

@ -0,0 +1 @@
Make UserLink wrappable

4
src/components/announcements_page/announcements_page.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<div class="panel panel-default announcements-page"> <div class="panel panel-default announcements-page">
<div class="panel-heading"> <div class="panel-heading">
<span> <h1 class="title">
{{ $t('announcements.page_header') }} {{ $t('announcements.page_header') }}
</span> </h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<section <section

4
src/components/bookmark_folder_edit/bookmark_folder_edit.vue
View file

@ -13,7 +13,7 @@
icon="chevron-left" icon="chevron-left"
/> />
</button> </button>
<div class="title"> <h1 class="title">
<i18n-t <i18n-t
v-if="id" v-if="id"
keypath="bookmark_folders.editing_folder" keypath="bookmark_folders.editing_folder"
@ -26,7 +26,7 @@
v-else v-else
keypath="bookmark_folders.creating_folder" keypath="bookmark_folders.creating_folder"
/> />
</div> </h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="input-wrap"> <div class="input-wrap">

4
src/components/bookmark_folders/bookmark_folders.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<div class="Bookmark-folders panel panel-default"> <div class="Bookmark-folders panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <h1 class="title">
{{ $t('nav.bookmark_folders') }} {{ $t('nav.bookmark_folders') }}
</div> </h1>
<router-link <router-link
:to="{ name: 'bookmark-folder-new' }" :to="{ name: 'bookmark-folder-new' }"
class="button-default btn new-folder-button" class="button-default btn new-folder-button"

4
src/components/chat_list/chat_list.vue
View file

@ -7,9 +7,9 @@
class="chat-list panel panel-default" class="chat-list panel panel-default"
> >
<div class="panel-heading -sticky"> <div class="panel-heading -sticky">
<span class="title"> <h1 class="title">
{{ $t("chats.chats") }} {{ $t("chats.chats") }}
</span> </h1>
<button <button
class="button-default" class="button-default"
@click="newChat" @click="newChat"

4
src/components/conversation/conversation.vue
View file

@ -9,7 +9,9 @@
v-if="isExpanded" v-if="isExpanded"
class="panel-heading conversation-heading -sticky" class="panel-heading conversation-heading -sticky"
> >
<span class="title"> {{ $t('timeline.conversation') }} </span> <h1 class="title">
{{ $t('timeline.conversation') }}
</h1>
<button <button
v-if="collapsable" v-if="collapsable"
class="button-unstyled -link" class="button-unstyled -link"

4
src/components/dialog_modal/dialog_modal.vue
View file

@ -8,9 +8,9 @@
@click.stop="" @click.stop=""
> >
<div class="panel-heading dialog-modal-heading"> <div class="panel-heading dialog-modal-heading">
<div class="title"> <h1 class="title">
<slot name="header" /> <slot name="header" />
</div> </h1>
</div> </div>
<div class="panel-body dialog-modal-content"> <div class="panel-body dialog-modal-content">
<slot name="default" /> <slot name="default" />

2
src/components/edit_status_modal/edit_status_modal.vue
View file

@ -6,7 +6,9 @@
> >
<div class="edit-form-modal-panel panel"> <div class="edit-form-modal-panel panel">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('post_status.edit_status') }} {{ $t('post_status.edit_status') }}
</h1>
</div> </div>
<PostStatusForm <PostStatusForm
class="panel-body" class="panel-body"

4
src/components/features_panel/features_panel.vue
View file

@ -2,9 +2,9 @@
<div class="features-panel"> <div class="features-panel">
<div class="panel panel-default base01-background"> <div class="panel panel-default base01-background">
<div class="panel-heading timeline-heading base02-background base04"> <div class="panel-heading timeline-heading base02-background base04">
<div class="title"> <h1 class="title">
{{ $t('features_panel.title') }} {{ $t('features_panel.title') }}
</div> </h1>
</div> </div>
<div class="panel-body features-panel"> <div class="panel-body features-panel">
<ul> <ul>

4
src/components/follow_requests/follow_requests.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<div class="settings panel panel-default"> <div class="settings panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <h1 class="title">
{{ $t('nav.friend_requests') }} {{ $t('nav.friend_requests') }}
</div> </h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<FollowRequestCard <FollowRequestCard

4
src/components/interactions/interactions.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <h1 class="title">
{{ $t("nav.interactions") }} {{ $t("nav.interactions") }}
</div> </h1>
</div> </div>
<tab-switcher <tab-switcher
ref="tabSwitcher" ref="tabSwitcher"

2
src/components/lists/lists.vue
View file

@ -2,7 +2,9 @@
<div class="Lists panel panel-default"> <div class="Lists panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <div class="title">
<h1 class="title">
{{ $t('lists.lists') }} {{ $t('lists.lists') }}
</h1>
</div> </div>
<router-link <router-link
:to="{ name: 'lists-new' }" :to="{ name: 'lists-new' }"

2
src/components/login_form/login_form.vue
View file

@ -3,7 +3,7 @@
<!-- Default panel contents --> <!-- Default panel contents -->
<div class="panel-heading"> <div class="panel-heading">
{{ $t('login.login') }} <h1 class="title">{{ $t('login.login') }}</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">

2
src/components/mfa_form/recovery_form.vue
View file

@ -3,7 +3,9 @@
<!-- Default panel contents --> <!-- Default panel contents -->
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('login.heading.recovery') }} {{ $t('login.heading.recovery') }}
</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">

2
src/components/mfa_form/totp_form.vue
View file

@ -3,7 +3,9 @@
<!-- Default panel contents --> <!-- Default panel contents -->
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('login.heading.totp') }} {{ $t('login.heading.totp') }}
</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">

4
src/components/mobile_nav/mobile_nav.vue
View file

@ -50,13 +50,13 @@
@touchmove.stop="notificationsTouchMove" @touchmove.stop="notificationsTouchMove"
> >
<div class="panel-heading mobile-notifications-header"> <div class="panel-heading mobile-notifications-header">
<span class="title"> <h1 class="title">
{{ $t('notifications.notifications') }} {{ $t('notifications.notifications') }}
<span <span
v-if="unseenCountBadgeText" v-if="unseenCountBadgeText"
class="badge -notification unseen-count" class="badge -notification unseen-count"
>{{ unseenCountBadgeText }}</span> >{{ unseenCountBadgeText }}</span>
</span> </h1>
<span class="spacer" /> <span class="spacer" />
<button <button
v-if="notificationsAtTop" v-if="notificationsAtTop"

4
src/components/notifications/notifications.vue
View file

@ -14,13 +14,13 @@
v-if="!noHeading" v-if="!noHeading"
class="notifications-heading panel-heading -sticky" class="notifications-heading panel-heading -sticky"
> >
<div class="title"> <h1 class="title">
{{ $t('notifications.notifications') }} {{ $t('notifications.notifications') }}
<span <span
v-if="unseenCountBadgeText" v-if="unseenCountBadgeText"
class="badge -notification unseen-count" class="badge -notification unseen-count"
>{{ unseenCountBadgeText }}</span> >{{ unseenCountBadgeText }}</span>
</div> </h1>
<div <div
v-if="showScrollTop" v-if="showScrollTop"
class="rightside-button" class="rightside-button"

2
src/components/password_reset/password_reset.vue
View file

@ -1,7 +1,9 @@
<template> <template>
<div class="settings panel panel-default"> <div class="settings panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('password_reset.password_reset') }} {{ $t('password_reset.password_reset') }}
</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<form <form

2
src/components/post_status_modal/post_status_modal.vue
View file

@ -7,7 +7,9 @@
> >
<div class="post-form-modal-panel panel"> <div class="post-form-modal-panel panel">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('post_status.new_status') }} {{ $t('post_status.new_status') }}
</h1>
</div> </div>
<PostStatusForm <PostStatusForm
class="panel-body" class="panel-body"

2
src/components/registration/registration.vue
View file

@ -1,7 +1,9 @@
<template> <template>
<div class="settings panel panel-default"> <div class="settings panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('registration.registration') }} {{ $t('registration.registration') }}
</h1>
</div> </div>
<div <div
v-if="!hasSignUpNotice" v-if="!hasSignUpNotice"

2
src/components/remote_user_resolver/remote_user_resolver.vue
View file

@ -1,7 +1,9 @@
<template> <template>
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('remote_user_resolver.remote_user_resolver') }} {{ $t('remote_user_resolver.remote_user_resolver') }}
</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<p> <p>

4
src/components/search/search.vue
View file

@ -1,9 +1,9 @@
<template> <template>
<div class="Search panel panel-default"> <div class="Search panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <h1 class="title">
{{ $t('nav.search') }} {{ $t('nav.search') }}
</div> </h1>
</div> </div>
<div class="panel-body search-input-container"> <div class="panel-body search-input-container">
<input <input

4
src/components/settings_modal/settings_modal.vue
View file

@ -7,9 +7,9 @@
> >
<div class="settings-modal-panel panel"> <div class="settings-modal-panel panel">
<div class="panel-heading"> <div class="panel-heading">
<span class="title"> <h1 class="title">
{{ modalMode === 'user' ? $t('settings.settings') : $t('admin_dash.window_title') }} {{ modalMode === 'user' ? $t('settings.settings') : $t('admin_dash.window_title') }}
</span> </h1>
<transition name="fade"> <transition name="fade">
<div <div
v-if="currentSaveStateNotice" v-if="currentSaveStateNotice"

4
src/components/settings_modal/tabs/theme_tab/theme_preview.vue
View file

@ -3,12 +3,12 @@
<div class="underlay underlay-preview" /> <div class="underlay underlay-preview" />
<div class="panel dummy"> <div class="panel dummy">
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <h1 class="title">
{{ $t('settings.style.preview.header') }} {{ $t('settings.style.preview.header') }}
<span class="badge -notification"> <span class="badge -notification">
99 99
</span> </span>
</div> </h1>
<span class="faint"> <span class="faint">
{{ $t('settings.style.preview.header_faint') }} {{ $t('settings.style.preview.header_faint') }}
</span> </span>

4
src/components/shout_panel/shout_panel.vue
View file

@ -9,14 +9,14 @@
:class="{ 'shout-heading': floating }" :class="{ 'shout-heading': floating }"
@click.stop.prevent="togglePanel" @click.stop.prevent="togglePanel"
> >
<div class="title"> <h1 class="title">
{{ $t('shoutbox.title') }} {{ $t('shoutbox.title') }}
<FAIcon <FAIcon
v-if="floating" v-if="floating"
icon="times" icon="times"
class="close-icon" class="close-icon"
/> />
</div> </h1>
</div> </div>
<div class="panel-body shout-window"> <div class="panel-body shout-window">
<div <div

2
src/components/status_history_modal/status_history_modal.vue
View file

@ -6,7 +6,9 @@
> >
<div class="status-history-modal-panel panel"> <div class="status-history-modal-panel panel">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('status.status_history') }} ({{ historyCount }}) {{ $t('status.status_history') }} ({{ historyCount }})
</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div <div

4
src/components/timeline_menu/timeline_menu.vue
View file

@ -29,8 +29,8 @@
</ul> </ul>
</template> </template>
<template #trigger> <template #trigger>
<span class="button-unstyled title timeline-menu-title"> <span class="button-unstyled timeline-menu-title">
<span class="timeline-title">{{ timelineName() }}</span> <h1 class="title timeline-title">{{ timelineName() }}</h1>
<span> <span>
<FAIcon <FAIcon
size="sm" size="sm"

4
src/components/update_notification/update_notification.vue
View file

@ -9,9 +9,9 @@
:class="{ '-peek': !showingMore }" :class="{ '-peek': !showingMore }"
> >
<div class="panel-heading"> <div class="panel-heading">
<span class="title"> <h1 class="title">
{{ $t('update.big_update_title') }} {{ $t('update.big_update_title') }}
</span> </h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div <div

4
src/components/user_link/user_link.vue
View file

@ -1,12 +1,16 @@
<template> <template>
<div class="user-profile-link">
<router-link <router-link
:title="user.screen_name_ui" :title="user.screen_name_ui"
:to="userProfileLink(user)" :to="userProfileLink(user)"
> >
<slot>
{{ at ? '@' : '' }}{{ user.screen_name_ui }}<UnicodeDomainIndicator {{ at ? '@' : '' }}{{ user.screen_name_ui }}<UnicodeDomainIndicator
:user="user" :user="user"
/> />
</slot>
</router-link> </router-link>
</div>
</template> </template>
<script> <script>

4
src/components/user_profile/user_profile.vue
View file

@ -142,9 +142,9 @@
class="panel user-profile-placeholder" class="panel user-profile-placeholder"
> >
<div class="panel-heading"> <div class="panel-heading">
<div class="title"> <h1 class="title">
{{ $t('settings.profile_tab') }} {{ $t('settings.profile_tab') }}
</div> </h1>
</div> </div>
<div> <div>
<span v-if="error">{{ error }}</span> <span v-if="error">{{ error }}</span>

2
src/components/user_reporting_modal/user_reporting_modal.vue
View file

@ -6,7 +6,7 @@
<div class="user-reporting-panel panel"> <div class="user-reporting-panel panel">
<div class="panel-heading"> <div class="panel-heading">
<i18n-t <i18n-t
tag="div" tag="h1"
keypath="user_reporting.title" keypath="user_reporting.title"
class="title" class="title"
> >

2
src/components/who_to_follow/who_to_follow.vue
View file

@ -1,7 +1,9 @@
<template> <template>
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading">
<h1 class="title">
{{ $t('who_to_follow.who_to_follow') }} {{ $t('who_to_follow.who_to_follow') }}
</h1>
</div> </div>
<div class="panel-body"> <div class="panel-body">
<FollowCard <FollowCard

4
src/components/who_to_follow_panel/who_to_follow_panel.vue
View file

@ -2,9 +2,9 @@
<div class="who-to-follow-panel"> <div class="who-to-follow-panel">
<div class="panel panel-default base01-background"> <div class="panel panel-default base01-background">
<div class="panel-heading timeline-heading base02-background base04"> <div class="panel-heading timeline-heading base02-background base04">
<div class="title"> <h1 class="title">
{{ $t('who_to_follow.who_to_follow') }} {{ $t('who_to_follow.who_to_follow') }}
</div> </h1>
</div> </div>
<div class="who-to-follow"> <div class="who-to-follow">
<p <p

2
src/panel.scss
View file

@ -115,6 +115,8 @@
.title { .title {
font-size: 1.3em; font-size: 1.3em;
margin: 0;
font-weight: normal;
} }
.alert { .alert {