fix(css): remove outline for popup button and explorer tabs

uc-cdis · Aug 8, 2018 · 243cb5a · 243cb5a
1 parent 71638b7
commit 243cb5a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/Explorer/ExplorerTabPanel.less b/src/Explorer/ExplorerTabPanel.less
@@ -15,6 +15,7 @@
   cursor: pointer;
   padding: 10px;
   font-size: 15px;
+  outline: none;
 }
 
 .explorer-tab-panel__tab-item--active {

diff --git a/src/components/Popup.jsx b/src/components/Popup.jsx
@@ -26,7 +26,7 @@ const Popup = ({
         </div>
         {
           onClose &&
-          <div role='button' tabIndex={-1} className='popup__button' onClick={onClose}>
+          <div role='button' tabIndex={-1} className='popup__close-button' onClick={onClose}>
             <IconComponent
               iconName='cross'
               dictIcons={dictIcons}

diff --git a/src/components/Popup.less b/src/components/Popup.less
@@ -41,12 +41,14 @@
   display: inline-flex;
 }
 
-.popup__button {
+.popup__close-button {
   float: right;
   display: table-cell;
-  &:hover {
-    cursor: pointer;
-  }
+  outline: none;
+}
+
+.popup__close-button:hover {
+  cursor: pointer;
 }
 
 .popup__message {