diff options
| author | shpuld <shp@cock.li> | 2018-04-14 14:26:07 +0300 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2018-04-14 14:26:07 +0300 |
| commit | 1a2bd28f53a430fddd90c7e92ff1c7d946764b59 (patch) | |
| tree | 202470262c4c0c4e5d2b6b458ae7cbf50c64afd3 /src/components/timeline/timeline.vue | |
| parent | 424e9166d9d74891c4c81e67365ec73bb4532bcd (diff) | |
| parent | 9587c6dac1b40ff07eb421b62010fbd98343a4d9 (diff) | |
Merge branch 'develop' into fix/status-heading-alignment-issues
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 03f6ad3d..c4e0fbce 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -7,7 +7,7 @@ <button @click.prevent="showNewStatuses" class="loadmore-button" v-if="timeline.newStatusCount > 0 && !timelineError"> {{$t('timeline.show_new')}}{{newStatusCountStr}} </button> - <div @click.prevent class="loadmore-text" v-if="timelineError"> + <div @click.prevent class="loadmore-error alert error" v-if="timelineError"> {{$t('timeline.error_fetching')}} </div> <div @click.prevent class="loadmore-text" v-if="!timeline.newStatusCount > 0 && !timelineError"> @@ -84,13 +84,26 @@ right: 0.6em; font-size: 14px; min-width: 6em; + font-family: sans-serif; + text-align: center; + padding: 0 0.5em 0 0.5em; + opacity: 0.8; background-color: transparent; color: $fallback--faint; color: var(--faint, $fallback--faint); + } + + .loadmore-error { + position: absolute; + right: 0.6em; + font-size: 14px; + min-width: 6em; font-family: sans-serif; text-align: center; - padding: 0 0.5em 0 0.5em; - opacity: 0.8; + padding: 0 0.25em 0 0.25em; + margin: 0; + color: $fallback--fg; + color: var(--fg, $fallback--fg); } } |