feat(Service): Add option to display disabled services in tabs

2 files changed, 10 insertions, 0 deletions

diff --git a/src/styles/services.scss b/src/styles/services.scss
index 95738f123..2a6540e0b 100644
--- a/src/styles/services.scss
+++ b/src/styles/services.scss
@@ -8,6 +8,10 @@
   background: #FFF;
   order: 5;
 
+  .services__webview-wrapper {
+    background: $theme-gray-lighter;
+  }
+
   .services__webview, 
   .services__crash-handler {
     position: absolute;
diff --git a/src/styles/tabs.scss b/src/styles/tabs.scss
index 75568898b..3e5904d2c 100644
--- a/src/styles/tabs.scss
+++ b/src/styles/tabs.scss
@@ -33,6 +33,12 @@
     }
   }
 
+  &.is-disabled {
+    .tab-item__icon {
+      filter: grayscale(100%) opacity(0.2);
+    }
+  }
+
   &.has-custom-icon {
     .tab-item__icon {
       border-radius: $theme-border-radius;