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

Heading text floats left, initial attempt at load more in the right side of the heading.

Browse source
This commit is contained in:
shpuld 2017-02-26 22:36:54 +02:00
parent bebd5c3328
commit 015bf78dd9
3 changed files with 16 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -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>