diff options
| author | shpuld <shpuld@gmail.com> | 2017-02-26 22:36:54 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-02-26 22:36:54 +0200 |
| commit | 015bf78dd9b17a1eac11119e38d8e83be8d791ae (patch) | |
| tree | c9b64706afb72bc79dd055594dd6e3b88e4adc8b /src/components/timeline/timeline.vue | |
| parent | bebd5c3328422aacf65996776e282d032347c5c9 (diff) | |
Heading text floats left, initial attempt at load more in the right side of the heading.
Diffstat (limited to 'src/components/timeline/timeline.vue')
| -rw-r--r-- | src/components/timeline/timeline.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue index 45886f6c..078d954c 100644 --- a/src/components/timeline/timeline.vue +++ b/src/components/timeline/timeline.vue @@ -1,7 +1,7 @@ <template> <div class="timeline"> <a href="#" v-on:click.prevent='showNewStatuses()' v-if="timeline.newStatusCount > 0"> - <div class="base01-background base05-border new-status-notification"> + <div class="base00-background base05-border new-status-notification"> <p class="text-center" > {{timeline.newStatusCount}} new statuses </p> @@ -22,12 +22,18 @@ <style lang="scss"> .new-status-notification { border-style: solid; - border-width: 1px 0 1px 0; + float: right; + border-width: 1px 1px 0px 1px; + border-radius: 5px 5px 0 0; font-size: 1.1em; + margin-top: -2.08em; + margin-right: 0.8em; + max-width: 200px; + max-height: 2em; p { margin: 0px; - padding: 10px; + padding: 0.6em; } } </style> |