mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
783f7f0497
* Aspects collection * Fetch only those metadata aspects which are defined in the application config * Aspect property filtering first round * Addig wildcard support for preset, default preset fallback to wildcard, and logging * Add white list service * Renaming services * ContentMetadataService and CardViewItemDispatcherComponent update * Observables... Observables everywhere... * Propers CardViewAspect * Defining more interfaces * Dummy data and expansions panels * Fix build attempt & proper panel expansion * Folder restructuring * Add different type mappings * Restructuring Card view component * Fix build * More ECM types supported * Validators first phase, extraction of interfaces, world domination preparation * Validators phase II. * Integer and float validators * Hide empty text items and validation message foundation * Validation error messages for text item view, small style changes * Update date item * bool item component * Datetimepicker npm module * Datetime model * Add mapping for datetime * Small fixes * Passing down preset * Adding forgotten package.json entry * Adding some tests for wrapper card component * content-metadata.component tests * Covering some edge cases, adding some tests * Fix cardview component's test * Add datetimepicker to demoshell * card view component show empty values by default * displayEmpty dependency injection * remove table like design from cardview * Using alfresco-js-api instead of spike * Remove spike folder and contents * Fix test * Cardview updated docs * Content metadata md * Fix review issues * Fix the packagr issue
117 lines
2.6 KiB
SCSS
117 lines
2.6 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-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-input-wrapper {
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
&-textitem-editable .mat-input-underline {
|
|
display: none;
|
|
}
|
|
|
|
&-textitem-editable .mat-input-infix {
|
|
padding: 0;
|
|
border-top: none;
|
|
}
|
|
|
|
&-textitem-editable .mat-input-placeholder-wrapper {
|
|
padding-top: 2em;
|
|
position: static;
|
|
}
|
|
|
|
&-textitem-editable .mat-input-placeholder {
|
|
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;
|
|
}
|
|
}
|
|
}
|