From cac47f712858b489103db82a73c2a804b37d4743 Mon Sep 17 00:00:00 2001
From: shpuld <shpuld@gmail.com>
Date: Fri, 24 Feb 2017 19:12:57 +0200
Subject: [PATCH] Make user card buttons more light-theme friendly without
compromising the dark ones.
---
.../user_card_content/user_card_content.vue | 16 +++++++++++-----
1 file changed, 11 insertions(+), 5 deletions(-)
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index fcdc7cca..b786ab8d 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -15,22 +15,22 @@
<div class="follow" v-if="loggedIn">
<span v-if="user.following">
<!--Following them!-->
- <button @click="unfollowUser" class="base01 base04-background">
- Unfollow
+ <button @click="unfollowUser" class="base04 base00-background pressed">
+ Following!
</button>
</span>
<span v-if="!user.following">
- <button @click="followUser" class="base05 base01-background">
+ <button @click="followUser" class="base05 base02-background">
Follow
</button>
</span>
</div>
<div class='mute' v-if='isOtherUser'>
<span v-if='user.muted'>
- <button @click="toggleMute" class="base01 base04-background">Unmute</button>
+ <button @click="toggleMute" class="base04 base00-background pressed">Muted</button>
</span>
<span v-if='!user.muted'>
- <button @click="toggleMute" class="base05 base01-background">Mute</button>
+ <button @click="toggleMute" class="base05 base02-background">Mute</button>
</span>
</div>
</div>
@@ -183,9 +183,15 @@
}
button {
+ border: solid;
+ border-width: 1px;
width: 92%;
height: 100%;
}
+ .pressed {
+ border: solid;
+ border-width: 1px;
+ }
}
}