therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tons of fixes mainly aimed at panel headings

Browse source
This commit is contained in:
Henry Jameson 2022-04-20 19:44:31 +03:00
parent aef6d52951
commit 631b8b93a4
12 changed files with 71 additions and 437 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/timeline/timeline.js
View file

@ -60,7 +60,7 @@ const Timeline = {
}
},
classes () {
let rootClasses = !this.embedded ? ['panel', 'panel-default'] : []
let rootClasses = !this.embedded ? ['panel', 'panel-default'] : ['-nonpanel']
if (this.blockingClicks) rootClasses = rootClasses.concat(['-blocked', '_misclick-prevention'])
return {
root: rootClasses,

22
src/components/timeline/timeline.scss
View file

@ -13,15 +13,6 @@
max-width: 100%;
flex-wrap: nowrap;
align-items: center;
.loadmore-button {
flex-shrink: 0;
}
.loadmore-text {
flex-shrink: 0;
line-height: 1em;
}
}
.timeline-footer {
@ -31,4 +22,17 @@
.conversation-heading {
top: calc(var(--panel-heading-height) * 2);
}
&.-nonpanel {
.timeline-heading {
text-align: center;
line-height: 2.75em;
padding: 0 0.5em;
}
.button-default, .alert {
line-height: 2em;
width: 100%;
}
}
}

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

@ -1,5 +1,5 @@
<template>
<div :class="[classes.root, 'Timeline']">
<div :class="['Timeline', classes.root]">
<div :class="classes.header">
<TimelineMenu v-if="!embedded" />
<button

16
src/components/timeline/timeline_quick_settings.vue
View file

@ -12,8 +12,8 @@
@click="replyVisibilityAll = true"
>
<span
class="menu-checkbox"
:class="{ 'menu-checkbox-radio': replyVisibilityAll }"
class="menu-checkbox -radio"
:class="{ 'menu-checkbox-checked': replyVisibilityAll }"
/>{{ $t('settings.reply_visibility_all') }}
</button>
<button
@ -21,8 +21,8 @@
@click="replyVisibilityFollowing = true"
>
<span
class="menu-checkbox"
:class="{ 'menu-checkbox-radio': replyVisibilityFollowing }"
class="menu-checkbox -radio"
:class="{ 'menu-checkbox-checked': replyVisibilityFollowing }"
/>{{ $t('settings.reply_visibility_following_short') }}
</button>
<button
@ -30,8 +30,8 @@
@click="replyVisibilitySelf = true"
>
<span
class="menu-checkbox"
:class="{ 'menu-checkbox-radio': replyVisibilitySelf }"
class="menu-checkbox -radio"
:class="{ 'menu-checkbox-checked': replyVisibilitySelf }"
/>{{ $t('settings.reply_visibility_self_short') }}
</button>
<div
@ -102,10 +102,6 @@
line-height: 100%;
height: 100%;
}
.dropdown-item {
margin: 0;
}
}
</style>