flisk/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.scss
View file

@ -109,8 +109,8 @@ main-router {
.panel-heading { .panel-heading {
border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
background-size: cover; background-size: cover;
padding: 0.6em 0; padding: 0.6em 1.0em;
text-align: center; text-align: left;
font-size: 1.3em; font-size: 1.3em;
line-height: 24px; line-height: 24px;
} }

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

@ -1,7 +1,7 @@
<template> <template>
<div class="timeline"> <div class="timeline">
<a href="#" v-on:click.prevent='showNewStatuses()' v-if="timeline.newStatusCount > 0"> <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" > <p class="text-center" >
{{timeline.newStatusCount}} new statuses {{timeline.newStatusCount}} new statuses
</p> </p>
@ -22,12 +22,18 @@
<style lang="scss"> <style lang="scss">
.new-status-notification { .new-status-notification {
border-style: solid; 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; font-size: 1.1em;
margin-top: -2.08em;
margin-right: 0.8em;
max-width: 200px;
max-height: 2em;
p { p {
margin: 0px; margin: 0px;
padding: 10px; padding: 0.6em;
} }
} }
</style> </style>

5
src/components/user_card_content/user_card_content.vue
View file

@ -106,6 +106,11 @@
.profile-panel-background { .profile-panel-background {
background-size: cover; background-size: cover;
border-radius: 10px; border-radius: 10px;
.panel-heading {
padding: 0.6em 0em;
text-align: center;
}
} }
.profile-panel-body { .profile-panel-body {