inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-10-08 14:51:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4323] Add style fixes from ACA (#4546)

Browse Source 
* [ADF-4323] add style fix for adf-search-sorting-picker

- moved from ACA

* [ADF-4323] use Flex Layout's media query mixin

* [ADF-4323] add style fix for adf-pagination

- moved from ACA

* [ADF-4323] add style fix for adf-version-manager

- which fixed issue [ACA-1750]

* [ADF-4323] remove not used property

* [ADF-4323] remove extra bottom-border

* [ADF-4323] upload-drag-area refactor to scss

* [ADF-4323] add style fix for adf file upload

- from ACA

* [ADF-4323] add style fix for adf-info-drawer

- from ACA

* [ADF-4323] add style fix for adf-toolbar

- from ACA

* [ADF-4323] add style fix for adf-sidenav-layout

- from ACA

* [ADF-4323] add style fix for adf-search-filter

- from ACA

* [ADF-4323] add style fix for adf-upload-drag-area

- from ACA

* [ADF-4323] add style fix for adf-info-drawer

- from ACA

* [ADF-4323] move style fix for adf-manage-versions from demo-shell

* [ADF-4323] use Flex Layout's media query mixin

* [ADF-4323] small fix to remove scrolling

* [ADF-4323] add adf-sidenav-layout host element class

* [ADF-4323] change 'inline' class name to 'adf-toolbar--inline'

- css lint was failing because of old naming

* [ADF-4323] set pagination empty state styling

* [ADF-4323] set pagination border to none
This commit is contained in:
Suzana Dirla
2019-04-05 16:05:21 +03:00
committed by Eugenio Romano
parent ec9d2785fa
commit e656cc6977
20 changed files with 311 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
lib/content-services/search/components/search-filter/search-filter.component.scss
View File

@@ -1,53 +1,66 @@
.adf-search-filter {
@mixin adf-search-filter-theme($theme) {
$foreground: map-get($theme, foreground);
.adf-checklist {
display: flex;
flex-direction: column;
.adf-search-filter {
.mat-checkbox-label {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.adf-checklist {
display: flex;
flex-direction: column;
.mat-checkbox-layout {
width: 100%;
}
.mat-checkbox-label {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.adf-facet-label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.mat-checkbox-layout {
width: 100%;
}
.mat-checkbox {
margin: 5px;
.adf-facet-label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
&.mat-checkbox-checked .mat-checkbox-label {
font-weight: bold;
.mat-checkbox {
margin: 5px;
&.mat-checkbox-checked .mat-checkbox-label {
font-weight: bold;
}
}
}
}
.adf-facet-result-filter {
display: flex;
flex-direction: column;
.adf-facet-result-filter {
display: flex;
flex-direction: column;
& > * {
width: 100%;
}
}
.adf-facet-buttons {
text-align: right;
.mat-button {
text-transform: uppercase;
& > * {
width: 100%;
}
}
&--topSpace {
padding-top: 15px;
.adf-facet-buttons {
text-align: right;
.mat-button {
text-transform: uppercase;
}
&--topSpace {
padding-top: 15px;
}
}
.mat-expansion-panel-header-title {
font-size: 14px;
color: mat-color($foreground, text, 0.87);
}
.mat-checkbox-label,
.mat-radio-label {
color: mat-color($foreground, text, 0.54);
}
}
}

9
lib/content-services/search/components/search-sorting-picker/search-sorting-picker.component.scss Normal file
View File

@@ -0,0 +1,9 @@
@mixin adf-search-sorting-picker-theme($theme) {
$foreground: map-get($theme, foreground);
.adf-search-sorting-picker {
.mat-icon-button {
color: mat-color($foreground, text, 0.54);
}
}
}

1
lib/content-services/search/components/search-sorting-picker/search-sorting-picker.component.ts
View File

@@ -22,6 +22,7 @@ import { SearchSortingDefinition } from '../../search-sorting-definition.interfa
@Component({
selector: 'adf-search-sorting-picker',
templateUrl: './search-sorting-picker.component.html',
styleUrls: ['./search-sorting-picker.component.scss'],
encapsulation: ViewEncapsulation.None,
host: { class: 'adf-search-sorting-picker' }
})

6
lib/content-services/styles/_index.scss
View File

@@ -6,9 +6,12 @@
@import '../upload/components/file-uploading-list-row.component';
@import '../upload/components/file-uploading-dialog.component';
@import '../upload/components/upload-drag-area.component';
@import '../search/components/search.component';
@import '../search/components/search-control.component';
@import '../search/components/search-sorting-picker/search-sorting-picker.component';
@import '../search/components/search-filter/search-filter.component';
@import '../dialogs/folder.dialog';
@@ -28,8 +31,10 @@
@include adf-document-list-theme($theme) ;
@include adf-file-uploading-row-theme($theme);
@include adf-upload-dialog-theme($theme);
@include adf-upload-drag-area-theme($theme);
@include adf-search-control-theme($theme);
@include adf-search-autocomplete-theme($theme);
@include adf-search-sorting-picker-theme($theme);
@include adf-dialog-theme($theme);
@include adf-content-node-selector-dialog-theme($theme) ;
@include adf-content-metadata-module-theme($theme);
@@ -38,4 +43,5 @@
@include adf-add-permission-dialog-theme($theme);
@include adf-add-permission-panel-theme($theme);
@include adf-tree-view-theme($theme);
@include adf-search-filter-theme($theme);
}

2
lib/content-services/upload/components/file-uploading-dialog.component.scss
View File

@@ -1,4 +1,3 @@
@mixin adf-upload-dialog-theme($theme) {
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
@@ -10,6 +9,7 @@
bottom: 20px;
width: 40%;
box-shadow: 1px 5px 15px #888888;
z-index: 999;
&--padding {
padding: 1em;

5
lib/content-services/upload/components/file-uploading-list-row.component.scss
View File

@@ -1,4 +1,3 @@
@mixin adf-file-uploading-row-theme($theme) {
$background: map-get($theme, background);
$foreground: map-get($theme, foreground);
@@ -32,7 +31,7 @@
}
&__group, &__block {
min-width: 200px;
min-width: 100px;
display: flex;
justify-content: flex-end;
}
@@ -72,7 +71,7 @@
}
&__action--remove {
color: mat-color($accent);
color: mat-color($warn);
}
}
}

15
lib/content-services/upload/components/upload-drag-area.component.css
View File

@@ -1,15 +0,0 @@
adf-upload-drag-area {
overflow: hidden;
}
.adf-upload-border {
vertical-align: middle;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.adf-file-draggable__input-focus {
color: #2196f3;
border: 1px dashed #2196f3;
}

88
lib/content-services/upload/components/upload-drag-area.component.scss Normal file
View File

@@ -0,0 +1,88 @@
$adf-upload-dragging-color: #2196f3 !default;
$adf-upload-dragging-border: 1px dashed #2196f3 !default;
$adf-upload-dragging-background: #e3f2fd !default;
$adf-upload-dragging-level1-color: #2196f3 !default;
$adf-upload-dragging-level1-border: 1px dashed #2196f3 !default;
@mixin file-draggable__input-focus($text-color, $border) {
color: $text-color;
border: $border !important;
margin-left: 0 !important;
}
@mixin adf-upload-drag-area-theme($theme) {
adf-upload-drag-area {
@include flex-column;
.adf-upload-border {
@include flex-column;
vertical-align: unset;
text-align: unset;
width: 100%;
box-sizing: border-box;
}
.adf-file-draggable__input-focus {
color: $adf-upload-dragging-color;
border: $adf-upload-dragging-border;
adf-document-list {
background: $adf-upload-dragging-background;
adf-datatable > table {
background: inherit;
}
}
}
.adf-upload__dragging {
background: $adf-upload-dragging-background;
color: $adf-upload-dragging-color;
}
.adf-upload__dragging td {
border-top: $adf-upload-dragging-border !important;
border-bottom: $adf-upload-dragging-border !important;
&:first-child {
border-left: $adf-upload-dragging-border !important;
}
&:last-child {
border-right: $adf-upload-dragging-border !important;
}
}
&:first-child {
& > div {
adf-upload-drag-area {
.adf-file-draggable__input-focus {
@include file-draggable__input-focus(
$adf-upload-dragging-color,
$adf-upload-dragging-border
);
}
}
}
.adf-upload-border {
vertical-align: inherit !important;
text-align: inherit !important;
}
.adf-file-draggable__input-focus {
color: $adf-upload-dragging-level1-color !important;
border: $adf-upload-dragging-level1-border !important;
margin-left: 0 !important;
adf-upload-drag-area {
& > div {
@include file-draggable__input-focus(
$adf-upload-dragging-color,
$adf-upload-dragging-border
);
}
}
}
}
}
}

2
lib/content-services/upload/components/upload-drag-area.component.ts
View File

@@ -25,7 +25,7 @@ import { UploadBase } from './base-upload/upload-base';
@Component({
selector: 'adf-upload-drag-area',
templateUrl: './upload-drag-area.component.html',
styleUrls: ['./upload-drag-area.component.css'],
styleUrls: ['./upload-drag-area.component.scss'],
host: { 'class': 'adf-upload-drag-area' },
viewProviders: [
{ provide: EXTENDIBLE_COMPONENT, useExisting: forwardRef(() => UploadDragAreaComponent) }

20
lib/content-services/version-manager/version-manager.component.scss
View File

@@ -1,3 +1,21 @@
adf-version-manager {
.mat-list .mat-3-line {
height: auto !important;
width: 100% !important;
}
.mat-list-item-content {
padding: 16px 0 !important;
}
}
.adf-version-list-item-comment.mat-line {
height: 100%;
word-break: break-all;
white-space: unset !important;
overflow: unset !important;
}
.adf-button.adf-upload-new-version {
box-shadow: none;
width: 100%;
@@ -7,14 +25,12 @@
}
.adf-new-version-uploader-container {
border-bottom: 1px solid #d8d8d8;
padding: 16px 0;
width: 100%;
height: 0%;
float: left;
position: relative;
display: hidden;
}
.adf-new-version-container {