Fix color inputs to wrap on mobile, fix timeline background color to not clash with panel headings.

This commit is contained in:
shpuld 2017-11-18 17:41:43 +02:00
parent 3534a9a62f
commit a7500410ff
2 changed files with 6 additions and 5 deletions

View File

@ -49,16 +49,17 @@
.color-container {
display: flex;
flex-wrap: wrap;
}
.color-item {
max-width: 7em;
max-width: 9em;
display:flex;
flex-wrap:wrap;
}
.theme-color-in {
max-width: 6em;
max-width: 8em;
border-radius: 2px;
border: 0;
padding: 5px;

View File

@ -14,7 +14,7 @@
{{$t('timeline.up_to_date')}}
</div>
</div>
<div class="panel-body base02-background">
<div class="panel-body base01-background">
<div class="timeline">
<status-or-conversation v-for="status in timeline.visibleStatuses" :key="status.id" v-bind:statusoid="status"></status-or-conversation>
<a href="#" v-on:click.prevent='fetchOlderStatuses()' v-if="!timeline.loading">
@ -30,7 +30,7 @@
{{$t('user_card.followers')}}
</div>
</div>
<div class="panel-body base02-background">
<div class="panel-body base01-background">
<div class="timeline">
<user-card v-for="follower in followers" :user="follower" :showFollows="false"></user-card>
</div>
@ -42,7 +42,7 @@
{{$t('user_card.followees')}}
</div>
</div>
<div class="panel-body base02-background">
<div class="panel-body base01-background">
<div class="timeline">
<user-card v-for="friend in friends" :user="friend" :showFollows="true"></user-card>
</div>