about summary refs log tree commit diff
diff options
context:
space:
mode:
authorYamagishi Kazutoshi <ykzts@desire.sh>2017-07-30 23:27:51 +0900
committerEugen Rochko <eugen@zeonfederated.com>2017-07-30 16:27:51 +0200
commit29abc9438c35f81e862813d40d730b6164ea295a (patch)
tree3fb4044d085f1bd15d5958e6923907165dc22e3b
parentf91284d230c261baa6adc1764cad08b561c5ba67 (diff)
Remove outline from focused toot (#4448)
* Remove outline from focused toot

* change style
-rw-r--r--app/javascript/styles/components.scss10
1 files changed, 10 insertions, 0 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 8b18d5b5c..3778a2e46 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -462,6 +462,10 @@
   overflow: hidden;
   white-space: pre-wrap;
 
+  &:focus {
+    outline: rgba($ui-highlight-color, 0.7) solid 2px;
+  }
+
   .emojione {
     width: 18px;
     height: 18px;
@@ -563,6 +567,12 @@
     }
   }
 
+  &:focus,
+  &.status-direct:focus {
+    outline: 0;
+    background-color: lighten($ui-base-color, 10%);
+  }
+
   &.light {
     .status__relative-time {
       color: $ui-primary-color;