Remove piercing operators from components which lost the encapsulation (

#2299)
Alfresco · Sep 5, 2017 · 1ff9aa8 · 1ff9aa8
1 parent 233355f
commit 1ff9aa8
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 21 deletions.
diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss
@@ -46,46 +46,46 @@
             }
         }
 
-        &-textitem-editable /deep/ .mat-input-wrapper {
+        &-textitem-editable .mat-input-wrapper {
             margin: 0;
             padding-bottom: 0;
         }
 
-        &-textitem-editable /deep/ .mat-input-underline {
+        &-textitem-editable .mat-input-underline {
             display: none;
         }
 
-        &-textitem-editable /deep/ .mat-input-infix {
+        &-textitem-editable .mat-input-infix {
             padding: 0;
             border-top: none;
         }
 
-        &-textitem-editable /deep/ .mat-input-placeholder-wrapper {
+        &-textitem-editable .mat-input-placeholder-wrapper {
             padding-top: 2em;
             position: static;
         }
 
-        &-textitem-editable /deep/ .mat-input-placeholder {
+        &-textitem-editable .mat-input-placeholder {
             top: 0;
         }
 
-        &-textitem-editable /deep/ .mat-input-element {
+        &-textitem-editable .mat-input-element {
             font-family: inherit;
             position: relative;
             padding-top: 3px;
         }
 
-        &-textitem-editable /deep/ .mat-input-element:focus {
+        &-textitem-editable .mat-input-element:focus {
             padding: 5px;
             left: -6px;
             top: -6px;
         }
 
-        &-textitem-editable /deep/ input.mat-input-element {
+        &-textitem-editable input.mat-input-element {
             margin-bottom: 2px;
         }
 
-        &-textitem-editable /deep/ input.mat-input-element:focus {
+        &-textitem-editable input.mat-input-element:focus {
             margin-bottom: -8px;
         }
     }

diff --git a/ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss b/ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss
@@ -13,7 +13,7 @@
             display: table-row;
         }
 
-        &-property /deep/ &-property-label {
+        &-property &-property-label {
             display: table-cell;
             min-width: 100px;
             padding-right: 30px;
@@ -23,7 +23,7 @@
             padding-bottom: 20px;
         }
 
-        &-property /deep/ &-property-value {
+        &-property &-property-value {
             width: 100%;
             display: table-cell;
             color: rgb(101, 101, 101);

diff --git a/...co-documentlist/src/components/content-node-selector/content-node-selector.component.scss b/...co-documentlist/src/components/content-node-selector/content-node-selector.component.scss
@@ -35,12 +35,12 @@
                     }
                 }
 
-                & /deep/ .mat-input-underline .mat-input-ripple {
+                .mat-input-underline .mat-input-ripple {
                     height: 1px;
                     transition: none;
                 }
 
-                & /deep/ .adf-site-dropdown-list-element {
+                .adf-site-dropdown-list-element {
                     width: 100%;
                     margin-bottom: 20px;
 
@@ -54,7 +54,7 @@
                     }
                 }
 
-                & /deep/ .adf-toolbar .mat-toolbar {
+                .adf-toolbar .mat-toolbar {
                     border: none;
                 }
 
@@ -63,11 +63,11 @@
                     overflow: auto;
                     border: 1px solid rgba(0, 0, 0, 0.07);
 
-                    & /deep/ .adf-highlight {
+                    .adf-highlight {
                         color: #33afdfnpm np;
                     }
 
-                    & /deep/ .adf-data-table {
+                    .adf-data-table {
                         border: none;
 
                         .adf-no-content-container {

diff --git a/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss b/ng2-components/ng2-alfresco-userinfo/src/components/user-info.component.scss
@@ -23,12 +23,12 @@
             height: 40px;
         }
 
-        &-userinfo-tab /deep/ .mat-tab-header {
+        &-userinfo-tab .mat-tab-header {
             align-self: center;
             width: 100%;
         }
 
-        &-userinfo-tab /deep/ .mat-tab-label {
+        &-userinfo-tab .mat-tab-label {
             flex: auto;
             font-weight: 500;
             font-size: 14px;
@@ -131,7 +131,7 @@
             text-align: left
         }
 
-        &-hide-tab /deep/ .mat-tab-label-active {
+        &-hide-tab .mat-tab-label-active {
             display: none !important;
         }
 
@@ -146,8 +146,8 @@
         }
     }
 
-    .mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content{
+    .mat-menu-panel.adf-userinfo-menu .mat-menu-content{
         padding: 0px;
     }
-
 }
+