diff options
| author | Henry Jameson <me@hjkos.com> | 2022-04-20 19:57:01 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2022-04-20 19:57:01 +0300 |
| commit | 85c515b3952d819b4bb983426ac562c4c00a193d (patch) | |
| tree | 0c9ed75a6d6d99298ef88dc4761ca49dd382baf8 | |
| parent | 631b8b93a4a8dd548bae5ab9fa7bc4d6e892ae3f (diff) | |
more fixes for timeline headers
| -rw-r--r-- | src/components/notifications/notification_filters.vue | 11 | ||||
| -rw-r--r-- | src/components/popover/popover.vue | 2 | ||||
| -rw-r--r-- | src/components/timeline/timeline.vue | 2 | ||||
| -rw-r--r-- | src/components/timeline/timeline_quick_settings.vue | 9 |
4 files changed, 15 insertions, 9 deletions
diff --git a/src/components/notifications/notification_filters.vue b/src/components/notifications/notification_filters.vue index 7418fc7c..d0b11a13 100644 --- a/src/components/notifications/notification_filters.vue +++ b/src/components/notifications/notification_filters.vue @@ -106,12 +106,15 @@ export default { .NotificationFilters { align-self: stretch; - .filter-trigger-button { - font-size: 1.2em; - padding-left: 0.7em; - padding-right: 0.2em; + > button { line-height: 100%; height: 100%; + width: var(--__panel-heading-height-inner); + text-align: center; + + svg { + font-size: 1.2em; + } } } diff --git a/src/components/popover/popover.vue b/src/components/popover/popover.vue index 0350daa1..d98ca8e7 100644 --- a/src/components/popover/popover.vue +++ b/src/components/popover/popover.vue @@ -5,7 +5,7 @@ > <button ref="trigger" - class="button-unstyled -fullwidth popover-trigger-button" + class="button-unstyled popover-trigger-button" type="button" @click="onClick" > diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index ff3cd72d..958808f6 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -60,7 +60,7 @@ </div> <button v-else-if="!timeline.loading" - class="button-unstyled -link -fullwidth" + class="button-unstyled -link" @click.prevent="fetchOlderStatuses()" > <div class="new-status-notification text-center"> diff --git a/src/components/timeline/timeline_quick_settings.vue b/src/components/timeline/timeline_quick_settings.vue index c62d0fe9..5efc5d7c 100644 --- a/src/components/timeline/timeline_quick_settings.vue +++ b/src/components/timeline/timeline_quick_settings.vue @@ -96,11 +96,14 @@ align-self: stretch; > button { - font-size: 1.2em; - padding-left: 0.7em; - padding-right: 0.2em; line-height: 100%; height: 100%; + width: var(--__panel-heading-height-inner); + text-align: center; + + svg { + font-size: 1.2em; + } } } |