diff options
| author | shpuld <shp@cock.li> | 2018-04-10 19:25:24 +0300 |
|---|---|---|
| committer | shpuld <shp@cock.li> | 2018-04-10 19:25:24 +0300 |
| commit | 6a5116c349509c160c424b6e0fe8c17ece9a3417 (patch) | |
| tree | 56c57c4e5af72a3eadad64609cb42689347f6b45 /src/components/status/status.vue | |
| parent | 8835c98529809033993b190847989f11b318cf97 (diff) | |
Fixes to notification style issues mostly
Diffstat (limited to 'src/components/status/status.vue')
| -rw-r--r-- | src/components/status/status.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/components/status/status.vue b/src/components/status/status.vue index 4d0b6f20..0dc33311 100644 --- a/src/components/status/status.vue +++ b/src/components/status/status.vue @@ -10,7 +10,7 @@ <template v-else> <div v-if="retweet && !noHeading" class="media container retweet-info"> <StillImage v-if="retweet" class='avatar' :src="statusoid.user.profile_image_url_original"/> - <div class="media-body"> + <div class="media-body faint"> <a :href="statusoid.user.statusnet_profile_url" style="font-weight: bold;" :title="'@'+statusoid.user.screen_name">{{retweeter}}</a> <i class='fa icon-retweet retweeted'></i> {{$t('timeline.repeated')}} @@ -134,12 +134,13 @@ border-radius: $fallback--tooltipRadius; border-radius: var(--tooltipRadius, $fallback--tooltipRadius); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); - margin-top: 0.5em; - margin-left: 1em; + margin-top: 0.25em; + margin-left: 0.5em; z-index: 50; .status { flex: 1; border: 0; + min-width: 15em; } } @@ -439,6 +440,11 @@ a.unmute { width: 40px; height: 40px; } + + .status .avatar-compact { + width: 32px; + height: 32px; + } } </style> |