From 51148574f1788b7ff40da15a1b876bf46d2e762a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= Date: Fri, 21 Jul 2017 21:12:43 +0200 Subject: [PATCH] Fixed horrible outline around notif clearing checkbox & moved the overlay to a more sr-friendly place --- .../glitch/components/notification/follow.js | 2 +- app/javascript/glitch/components/status/index.js | 14 +++++--------- app/javascript/styles/components.scss | 3 +-- 3 files changed, 7 insertions(+), 12 deletions(-) diff --git a/app/javascript/glitch/components/notification/follow.js b/app/javascript/glitch/components/notification/follow.js index 0e0065eb17..d340e83c8b 100644 --- a/app/javascript/glitch/components/notification/follow.js +++ b/app/javascript/glitch/components/notification/follow.js @@ -103,7 +103,6 @@ We can now render our component. return (
-
@@ -117,6 +116,7 @@ We can now render our component.
+
); } diff --git a/app/javascript/glitch/components/status/index.js b/app/javascript/glitch/components/status/index.js index dc06250ec7..b7ec8b4ca0 100644 --- a/app/javascript/glitch/components/status/index.js +++ b/app/javascript/glitch/components/status/index.js @@ -526,10 +526,6 @@ applicable. } } - markNotifForDelete = () => { - this.setState({ 'markedForDelete' : !this.state.markedForDelete }); - } - /* #### `render()`. @@ -699,11 +695,6 @@ collapsed. }} ref={handleRef} > - {notification ? ( - - ) : null} {prepend && account ? ( ) : null} + {notification ? ( + + ) : null} ); diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index dbdf286a9d..3e80569a92 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -503,8 +503,7 @@ align-items: center; :focus & { - outline: rgb(77, 144, 254) auto 10px; - outline: -webkit-focus-ring-color auto 10px; + box-shadow: 0 0 2px 2px #3e6fc1; } }