Remove outline from focused toot (#4448)

* Remove outline from focused toot * change style
2017-07-30 23:27:51 +09:00 · 2017-07-30 23:27:51 +09:00 · 29abc9438c
parent f91284d230
commit 29abc9438c
1 changed files with 10 additions and 0 deletions
--- 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;