From 42fb669c5ab8e45d75950c6ab3e433fdb1818747 Mon Sep 17 00:00:00 2001
From: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Date: Mon, 20 Mar 2017 15:40:14 -0600
Subject: [PATCH] Change opacity of finished todos instead of background color
---
app/assets/stylesheets/pages/todos.scss | 25 +++++++++++++++++--------
1 file changed, 17 insertions(+), 8 deletions(-)
diff --git a/app/assets/stylesheets/pages/todos.scss b/app/assets/stylesheets/pages/todos.scss
index 5f0aede4f5e..1cb1d90db03 100644
--- a/app/assets/stylesheets/pages/todos.scss
+++ b/app/assets/stylesheets/pages/todos.scss
@@ -67,17 +67,26 @@
flex: 0 1 100%;
min-width: 0;
}
-}
-.todos-list > .todo.todo-pending.done-reversible {
- background-color: $gray-light;
+ &.todo.todo-pending.done-reversible {
+ background-color: $white-light;
- &:hover {
- border-color: $border-color;
- }
+ &:hover {
+ border-color: $white-normal;
+ }
- .title {
- font-weight: normal;
+ .title {
+ font-weight: normal;
+ }
+
+ .todo-avatar,
+ .todo-item {
+ opacity: .2;
+ }
+
+ .btn {
+ background-color: $gray-light;
+ }
}
}
--
GitLab