mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-31 17:38:28 +00:00
[ACS-6693] Migration to NG15 (#3959)
* [ACS-6693] Angular 15 migration initial point
* [ACS-6693] Angular 15 - update ADF dependencies from the ng15-start branch (#3712)
* [ACS-6693] Angular 15 - adding mat core (#3715)
* Stylelint fix
* Migration - added stylePrepocessor for material selectors
* Skip unit tests from branch release until errors are fixed
* [ACS-7285] - [ACA] Angular 15 - Left sidebar + table (#3719)
* [ACS-7286] Fix topbar user info issues (#3720)
* [ACS-6693] Bump peerDependencies in ACA libs
* [ACS-7330] edit rules dialog fixes (#3723)
* [ACS-6693] Fix peer dependencies in ACA packages
* [ACS-7328] Fix searchbar display (#3729)
* [ACS-7631] Fix broken filters (#3735)
* [ACS-7331] - Angular 15 - Edit aspects modal [ACA]
* [ACS-7449] Fix broken filter labels styling (#3745)
* [ACS-7351] ng15 Manage rules fixes (#3751)
* [ACS-7351] ng15 manage rules fixes
* [ACS-7351] cr fix
* [ACS-7351] cr fix
* [ACS-7370] - [ACA] Leave library dialog misses some padding (#3749)
* [ACS-6693] Bump ADF version
* [ACS-7372] - user profile page issues (#3757)
* [ACS-7372] - [ACA] User profile page issues
* [ACS-7415] - Move file dialog (#3755)
* [ACS-7452] - Small screen notification banner [ACS-7418] About page (#3760)
* [ACS-7452] - Small screen notification banner
* [ACS-7452] - Small screen notification banner [ACS-7418] About page
* [ACS-7511] Subfont for dialogs, make darker (#3765)
* [ACS-7448] Fix wrong notifications colors (#3761)
* [ACS-7448] Fix notifications colors, move them from adf to aca (#3771)
* [ACS-7375] - Share link dialog issues (#3774)
* [ACS-7517] - Notifications box (#3775)
* [ACS-7373] ng15 permission tab fixes (#3762)
* [ACS-7368] Fix unit tests for aca-content (#3779)
* [ACS-7410] - Locked files overflow issues (#3780)
* [ACS-7528] - Notification and user icons are a bit different (#3782)
* [ACS-7529] - Columns visibility dropdown has broken styles (#3783)
* [ACS-7537] - Share dialog (#3789)
* Use latest ADF alpha
* Post rebase unit test fix
* Disable stylelint
* Calendar button fix
* [ACS-7369] ng15 migration - fix e2es (#3796)
* [ACS-7369] e2e fixes
* [ACS-7369] cr fix
* [ACS-7331] - Angular 15 - View details sidebar (#3731)
* [ACS-7542] - Upload new version dialog (#3800)
* [ACS-7575] create library dialog e2e fix (#3803)
* [ACS-7534] folder dialog e2e fixes (#3804)
* [ACS-7574] Rules dialog edit (#3801)
* [ACS-7571] Comments (#3810)
* [ACS-7555] Added blue outline to focused checkboxes (#3813)
* [ACS-7582] File upload dialog, fix button weight label globally (#3814)
* [ACS-7531] - Search page (#3816)
* [ACS-7559] Conext menus icons (#3818)
* [ACS-6693] Bump ADF
* Temporary lint disable
* [ACS-7572] link rules dialog (#3817)
* [ACS-7533] - Advanced search chips dropdowns (#3821)
* [ACS-7560] Corrected background color for info snackbar (#3824)
* [ACS-7558] - Toolbar and buttons (#3833)
* [ACS-7573] folder rules fixes (#3836)
* [ACS-7573] folder rules fixes
* [ACS-7573] cr fix
* [ACS-7561] - Permissions page (#3840)
* [ACS-7768] unify inputs and selects across the app (#3845)
* ACS-7768 Style inputs in create from template dialog
* ACS-7768 Used globally configured outline appearance for inputs
* ACS-7768 Style inputs for profile page
* ACS-7768 Style inputs for library metadata form
* ACS-7768 Style inputs for folder rules dialog
* ACS-7768 Style inputs for manage rules page
* ACS-7768 Set outline appearance for input, fix small issue
* ACS-7768 Addressed comment
* Revert "[ACS-7768] unify inputs and selects across the app (#3845)" (#3850)
This reverts commit 6a5ef73283.
* [ACS-8043] fix js api dependencies (#3855)
* [ACS-8020] Fixed inputs for create from template dialog (#3857)
* [ACS-8027] Inputs for create rules (#3860)
* [ACS-8052] inputs for general info for libraries (#3863)
* [ACS-8052] Inputs for general info for libraries
* Fix after CR
* [ACS-8059] Inputs for view rules (#3865)
* [ACS-8026] Fixed Task form rendering (#3864)
* Updating to the latest package of 6.10 from ADF
* Updating to the latest ADF/JS-API - updating dependency rule
* Regenerated package lock
* [ACS-8082] fix search e2e (#3876)
* Using latest ADF with BC of ConfirmDialogComponent
* [ACS-8099] [ACA] Testing Angular 15 - Accessibility for search text area (#3883)
* [ACS-8100] [ACA] Testing Angular 15 - Accessibility for search facet and filter (#3887)
* [ACS-8158] Resolved issue where long tag names were not getting word wrapped in ACA. Fixed alignment issue with tag chip cross button (#3890)
* [ACS-8101] [ACA] Testing Angular 15 - Manage rule popup visual changes (#3891)
* [ACS-8191] Updated codebase to use variables from mat-selectors.scss file (#3889)
* [ACS-8191] Updated ACA codebase to use selectors from mat-selectors.scss file instead of hardcoded selectors
* [ACS-8191] Resolved configuration issue where running unit test on aca-shared failed due to not finding adf-core styles
* Update ADF dependencies (#3897)
* Upgrading ADF packages
* Use latest ADF
* Updated packages version
* Updated packages version
* Updated packages version
* Updated packages version
* Updated packages version
* Updated packages version
* Updated packages version
* [ACS-8253] viewer file name change position on navigation (#3914)
* Updated ADF version
* Use latest ADF
* Package lock fix
* Build fix
* Restore release branch build and unit tests
* E2Es fix
* Fix SonarCloud issues
* Stylelint fix
* Stylelint fix
* [ACS-8442] Remove additional checkbox label
* First batch of E2E fixes
* Bump ADF
* Second round of E2E locators fixes
* Locator fix
* [ACS-8443] Fix incorrect focus style for checkboxes
* E2Es locators fixes
* E2E locator fixes
* [ACS-6693] locator fix upload new version title
* E2E locator fix
* E2E locator fix
* [ACS-6693] locator fix upload new version file
---------
Co-authored-by: jacekpluta <73617938+jacekpluta@users.noreply.github.com>
Co-authored-by: Vito Albano <vito.albano@hyland.com>
Co-authored-by: tomson <nastalytomasz@gmail.com>
Co-authored-by: Mykyta Maliarchuk <84377976+nikita-web-ua@users.noreply.github.com>
Co-authored-by: Jacek Pluta <jacek.pluta@hyland.com>
Co-authored-by: dominikiwanekhyland <141320833+dominikiwanekhyland@users.noreply.github.com>
Co-authored-by: tomson <tomasz.nastaly@hyland.com>
Co-authored-by: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Co-authored-by: swapnil-verma-gl <92505353+swapnil-verma-gl@users.noreply.github.com>
Co-authored-by: VitoAlbano <vito.albano.123@gmail.com>
Co-authored-by: Akash Rathod <41251473+akashrathod28@users.noreply.github.com>
Co-authored-by: Ehsan Rezaei <ehsan.rezaei@hyland.com>
Co-authored-by: akash.rathod@hyland.com <akash.rathod@hyland.com>
This commit is contained in:
MichalKinas
GitHub
@@ -8,7 +8,7 @@
|
||||
>
|
||||
<mat-icon class="app-search-input-control-icon app-search-button-icon" [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
|
||||
</button>
|
||||
<mat-form-field class="app-input-form-field" [floatLabel]="'never'">
|
||||
<mat-form-field class="app-input-form-field" floatLabel="auto">
|
||||
<input
|
||||
matInput
|
||||
#searchInput
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
$top-margin: 12px;
|
||||
@import '@alfresco/adf-core/lib/styles/mat-selectors';
|
||||
|
||||
.app-suffix-search-icon-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 6px;
|
||||
margin: 14px 1px;
|
||||
float: left;
|
||||
@@ -17,17 +19,11 @@ $top-margin: 12px;
|
||||
}
|
||||
|
||||
.app-search-container {
|
||||
margin-top: -$top-margin;
|
||||
padding-top: 2px;
|
||||
position: relative;
|
||||
top: -5px;
|
||||
font-size: 16px;
|
||||
padding-left: 15px;
|
||||
padding-left: 19px;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 12px;
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.mat-form-field-underline {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.app-input-form-field-input + span {
|
||||
cursor: text;
|
||||
@@ -36,16 +32,44 @@ $top-margin: 12px;
|
||||
|
||||
.app-input-form-field {
|
||||
letter-spacing: -0.7px;
|
||||
font-size: 16px;
|
||||
width: calc(100% - 56px);
|
||||
|
||||
&-input {
|
||||
letter-spacing: -0.7px;
|
||||
}
|
||||
|
||||
#{$mat-line-ripple} {
|
||||
&::before,
|
||||
&::after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#{$mat-form-field-icon-suffix} {
|
||||
position: relative;
|
||||
right: -14px;
|
||||
}
|
||||
}
|
||||
|
||||
#{$mat-form-field-flex} {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#{$mat-form-field-wrapper} {
|
||||
height: 44px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.app-input-form-field-readonly {
|
||||
#{$mat-form-field-wrapper},
|
||||
#{$mat-form-field-flex} {
|
||||
background-color: var(--theme-search-background-color);
|
||||
}
|
||||
}
|
||||
|
||||
.app-search-button {
|
||||
top: -2px;
|
||||
left: -8px;
|
||||
left: -12px;
|
||||
|
||||
&-icon {
|
||||
font-size: 24px;
|
||||
|
||||
@@ -7,18 +7,18 @@
|
||||
<button mat-icon-button class="app-search-button" (click)="searchByOption()" [title]="'SEARCH.BUTTON.TOOLTIP' | translate">
|
||||
<mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
|
||||
</button>
|
||||
<mat-form-field class="app-input-form-field" [floatLabel]="'never'">
|
||||
<mat-form-field class="app-input-form-field app-input-form-field-readonly" [floatLabel]="'auto'">
|
||||
<input
|
||||
matInput
|
||||
[attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"
|
||||
class="app-input-form-field-input"
|
||||
[type]="'text'"
|
||||
[disabled]="true"
|
||||
[readonly]="true"
|
||||
[value]="searchedWord"
|
||||
[placeholder]="'SEARCH.INPUT.PLACEHOLDER' | translate"
|
||||
/>
|
||||
|
||||
<div matSuffix class="app-suffix-search-icon-wrapper">
|
||||
<div matSuffix class="app-suffix-search-icon-wrapper app-icon-arrow">
|
||||
<mat-icon>arrow_drop_down</mat-icon>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
@import '@alfresco/adf-core/lib/styles/mat-selectors';
|
||||
|
||||
$search-width: 594px;
|
||||
$search-height: 32px;
|
||||
$search-background: var(--theme-search-background-color);
|
||||
@@ -10,7 +12,7 @@ $top-margin: 12px;
|
||||
max-width: $search-width;
|
||||
height: $search-height + $top-margin;
|
||||
|
||||
.app-search-button {
|
||||
.app-search-button:is(button) {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-left: 0;
|
||||
@@ -19,6 +21,10 @@ $top-margin: 12px;
|
||||
}
|
||||
|
||||
.app-input-form-field {
|
||||
.app-suffix-search-icon-wrapper.app-icon-arrow {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.app-suffix-search-icon-wrapper.app-close-button {
|
||||
height: 6px;
|
||||
|
||||
@@ -30,10 +36,6 @@ $top-margin: 12px;
|
||||
|
||||
&-input {
|
||||
caret-color: var(--theme-text-color);
|
||||
|
||||
&:disabled {
|
||||
color: var(--theme-text-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -44,12 +46,19 @@ $top-margin: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-search-options-menu {
|
||||
.app-search-options-menu#{$mat-menu-panel} {
|
||||
position: relative;
|
||||
top: -5px;
|
||||
margin-top: 2px;
|
||||
background-color: var(--theme-dialog-background-color);
|
||||
width: $search-width;
|
||||
max-width: unset;
|
||||
border-radius: $search-border-radius;
|
||||
margin-top: 3px;
|
||||
|
||||
#{$mdc-list} {
|
||||
padding-top: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.aca-search-input {
|
||||
@@ -62,7 +71,7 @@ $top-margin: 12px;
|
||||
padding-bottom: 26px;
|
||||
|
||||
.app-search-container {
|
||||
margin: 0;
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -73,23 +82,32 @@ $top-margin: 12px;
|
||||
.app-search-options {
|
||||
color: var(--theme-text-color);
|
||||
border-top: 1px solid var(--theme-divider-color);
|
||||
padding: 20px 0;
|
||||
padding: 20px 10px;
|
||||
font-size: 16px;
|
||||
letter-spacing: -0.7px;
|
||||
margin-bottom: -8px;
|
||||
|
||||
#{$mat-checkbox} {
|
||||
#{$mdc-form-field} {
|
||||
#{$mat-checkbox-box} {
|
||||
#{$mat-checkbox-background} {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-search-options-checkbox label {
|
||||
max-width: 155px;
|
||||
font-size: 16px;
|
||||
padding-left: 6px;
|
||||
padding-top: 2px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
&-checkbox {
|
||||
padding: 3px 24px 3px 19px;
|
||||
|
||||
/* stylelint-disable-next-line selector-class-pattern */
|
||||
.mat-checkbox-inner-container {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
}
|
||||
padding: 3px 36px 3px 20px;
|
||||
|
||||
/* stylelint-disable-next-line no-descending-specificity */
|
||||
label {
|
||||
|
||||
@@ -30,10 +30,26 @@ aca-search-results {
|
||||
border-bottom: 1px solid var(--theme-border-color);
|
||||
|
||||
.aca-content__advanced-filters {
|
||||
/* stylelint-disable-next-line */
|
||||
.mat-mdc-chip-action {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
/* stylelint-disable-next-line */
|
||||
.mdc-evolution-chip__text-label {
|
||||
padding-top: 4px;
|
||||
color: var(--theme-selected-text-color);
|
||||
}
|
||||
|
||||
.adf-search-filter-chip,
|
||||
.adf-search-filter-chip-tabbed {
|
||||
background-color: var(--theme-dropdown-color);
|
||||
color: var(--theme-selected-text-color);
|
||||
height: 32px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
box-sizing: border-box;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
@@ -45,10 +61,10 @@ aca-search-results {
|
||||
color: var(--theme-search-chip-icon-color);
|
||||
}
|
||||
|
||||
.adf-search-filter-chip-icon {
|
||||
color: var(--theme-search-chip-icon-color);
|
||||
.adf-search-filter-chip-icon {
|
||||
color: var(--theme-search-chip-icon-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adf-search-filter-placeholder {
|
||||
color: var(--theme-selected-text-color);
|
||||
@@ -132,6 +148,8 @@ aca-search-results {
|
||||
}
|
||||
|
||||
&__reset-action {
|
||||
margin-top: 5px;
|
||||
margin-right: 2px;
|
||||
line-height: 33px;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user