mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
6b24bfb1d4
* upgrade to HttpClient * upgrade to Renderer2 * upgrade Document reference * remove useless test with deprecated ReflectiveInjector * upgrade to latest typescript * upgrade libs * upgrade package scripts * remove rxjs blacklists and duplicate rules * add rxjs compat to help with migration * fix breaking changes * fix breaking changes in material * fix breaking changes (material 6) * upgrade rxjs, ngx-translate and flex layout * update unit tests * restore providers * upgrade deprecated Observable.error * rebase fix first configuration problems * fix style issues commented * fix core build * fix lib template errors * move lib test execution in angular.json * ignore * karma conf files * fix import statement test * single run option * update packages reporter * restore report * increase timeout * improve karma conf test configuration * fix test issues about lint * fix test analytics * fix process service test * content service fix test * fix logout directive test * fix core test * fix build * update node-sass to latest * update angular cli dependencies * improve build script create directorites and move files only if previous command succeded * upgrade individual libs to 6.0 * remove old webpack files * revert sass change * fix type issues fix style issues * fix tslint demo shell issue * fix peerdependencies * fix test e2e BC * package upate * fix style import issue * extract-text-webpack-plugin beta * fix test dist build command * remove alpha js-api * fix tslint issue add banner tslint rule * upload service fix * change BC script * fix test dist script * increase demo shell timeout test * verbose copy * path absolute * fix script bc * fix copy part * fix path warning fix monaco editor * remove duplicate header * remove unused import * fix align and check ago tests * add missing import * fix notification button selector * [ANGULAR6] fixed core tests * fix CS test * fix cs test step 2 * increase travis_wait for dist * fix attachment PS * fix checklist test * use pdf min
123 lines
2.7 KiB
SCSS
123 lines
2.7 KiB
SCSS
@mixin adf-card-view-textitem-theme($theme) {
|
|
$foreground: map-get($theme, foreground);
|
|
|
|
.adf {
|
|
&-textitem-icon {
|
|
font-size: 16px;
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 4px;
|
|
padding-left: 8px;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
&-update-icon {
|
|
padding-left: 13px;
|
|
}
|
|
|
|
&-textitem-readonly {
|
|
cursor: pointer;
|
|
|
|
&:hover mat-icon {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&-textitem-clickable {
|
|
&:hover mat-icon {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&-textitem-clickable-value {
|
|
cursor: pointer;
|
|
color: mat-color($primary);
|
|
}
|
|
|
|
&-textitem-editable {
|
|
|
|
&-controls {
|
|
display: flex;
|
|
|
|
mat-icon:hover {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
}
|
|
|
|
mat-form-field {
|
|
width: 100%;
|
|
}
|
|
|
|
input:focus,
|
|
textarea:focus {
|
|
border: 1px solid mat-color($foreground, text, 0.15);
|
|
}
|
|
}
|
|
|
|
&-error {
|
|
font-size: 12px;
|
|
padding-top: 4px;
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
|
|
li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&-textitem-default-value {
|
|
color: mat-color($foreground, text, 0.54);
|
|
}
|
|
|
|
&-textitem-editable .mat-form-field-wrapper {
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
&-textitem-editable .mat-form-field-underline {
|
|
display: none;
|
|
}
|
|
|
|
&-textitem-editable .mat-form-field-infix {
|
|
padding: 0;
|
|
border-top: none;
|
|
}
|
|
|
|
&-textitem-editable .mat-form-field-label-wrapper {
|
|
padding-top: 2em;
|
|
position: static;
|
|
}
|
|
|
|
&-textitem-editable .mat-form-field-label {
|
|
top: 4px;
|
|
}
|
|
|
|
&-textitem-editable .mat-input-element {
|
|
font-family: inherit;
|
|
position: relative;
|
|
padding-top: 6px;
|
|
}
|
|
|
|
&-textitem-editable .mat-input-element:focus {
|
|
padding: 5px;
|
|
left: -6px;
|
|
top: 0;
|
|
}
|
|
|
|
&-textitem-editable input.mat-input-element {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
&-textitem-editable input.mat-input-element:focus {
|
|
margin-bottom: -8px;
|
|
}
|
|
}
|
|
}
|