Fixed Time Travel component styles.

weaveworks · Oct 17, 2017 · ce97b00 · ce97b00
1 parent 982711f
commit ce97b00
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/client/app/scripts/components/time-travel-component.js b/client/app/scripts/components/time-travel-component.js
@@ -145,7 +145,20 @@ const DisabledRange = styled.rect`
   fill-opacity: 0.15;
 `;
 
-const TimestampLabel = styled.button`
+const ShallowButton = styled.button`
+  background-color: transparent;
+  border: 0;
+  color: ${props => props.theme.colors.primary.lavender};
+  cursor: pointer;
+  padding: 0;
+  outline: 0;
+
+  &:hover {
+    color: ${props => props.theme.colors.primary.charcoal};
+  }
+`;
+
+const TimestampLabel = ShallowButton.extend`
   margin-left: 2px;
   padding: 3px;
 
@@ -155,7 +168,7 @@ const TimestampLabel = styled.button`
   }
 `;
 
-const TimelinePanButton = styled.button`
+const TimelinePanButton = ShallowButton.extend`
   pointer-events: all;
   padding: 2px;
 `;

diff --git a/client/app/styles/_base.scss b/client/app/styles/_base.scss
@@ -9,9 +9,6 @@
     url("../../node_modules/materialize-css/fonts/roboto/Roboto-Regular.ttf");
 }
 
-// TODO: Remove this line once Service UI CONFIGURE button stops being added to Scope.
-.scope-wrapper .setup-nav-button { display: none; }
-
 a {
   text-decoration: none;
 }