inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove piercing operators from components which lost the encapsulation (#2299)

Browse Source
This commit is contained in:
Popovics András
2017-09-05 13:01:07 +01:00
committed by Mario Romano
parent 233355ffe7
commit 1ff9aa8e08
4 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ng2-components/ng2-alfresco-core/src/components/view/card-view-textitem.component.scss
View File

@@ -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;
}
}

4
ng2-components/ng2-alfresco-core/src/components/view/card-view.component.scss
View File

@@ -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);