mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
[ADF-1238] Removed mdl from alfresco search component (#2309)
* [ADF-1328] removed mdl from adf search * [ADF-11328] removed mdl from search added theme style * Fix failing tests * Fix the last bit of stylings
This commit is contained in:
Vito
Denys Vuika
@@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
<div class="app-menu--spacer"></div>
|
<div class="app-menu--spacer"></div>
|
||||||
|
|
||||||
<search-bar (expand)="onToggleSearch($event)"></search-bar>
|
<search-bar></search-bar>
|
||||||
|
|
||||||
<a md-button data-automation-id="home" href="" routerLink="/">Home</a>
|
<a md-button data-automation-id="home" href="" routerLink="/">Home</a>
|
||||||
<a md-button data-automation-id="files" href="" routerLink="/files">Content Services</a>
|
<a md-button data-automation-id="files" href="" routerLink="/files">Content Services</a>
|
||||||
|
|||||||
@@ -71,16 +71,6 @@ export class AppComponent {
|
|||||||
this.router.navigate(['/login']);
|
this.router.navigate(['/login']);
|
||||||
}
|
}
|
||||||
|
|
||||||
onToggleSearch(event) {
|
|
||||||
let expandedHeaderClass = 'header-search-expanded',
|
|
||||||
header = document.querySelector('header');
|
|
||||||
if (event.expanded) {
|
|
||||||
header.classList.add(expandedHeaderClass);
|
|
||||||
} else {
|
|
||||||
header.classList.remove(expandedHeaderClass);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
changeLanguage(lang: string) {
|
changeLanguage(lang: string) {
|
||||||
this.translateService.use(lang);
|
this.translateService.use(lang);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,6 +10,7 @@
|
|||||||
@import '~ng2-alfresco-login/styles/index';
|
@import '~ng2-alfresco-login/styles/index';
|
||||||
@import '~ng2-alfresco-upload/styles/index';
|
@import '~ng2-alfresco-upload/styles/index';
|
||||||
@import '~ng2-alfresco-userinfo/styles/index';
|
@import '~ng2-alfresco-userinfo/styles/index';
|
||||||
|
@import '~ng2-alfresco-search/styles/index';
|
||||||
|
|
||||||
|
|
||||||
@include mat-core();
|
@include mat-core();
|
||||||
@@ -32,3 +33,4 @@ $theme: mat-light-theme($primary, $accent, $warn);
|
|||||||
@include alfresco-login-theme($theme);
|
@include alfresco-login-theme($theme);
|
||||||
@include alfresco-upload-theme($theme);
|
@include alfresco-upload-theme($theme);
|
||||||
@include alfresco-userinfo-theme($theme);
|
@include alfresco-userinfo-theme($theme);
|
||||||
|
@include alfresco-search-theme($theme);
|
||||||
|
|||||||
@@ -9,6 +9,7 @@
|
|||||||
@import 'ng2-alfresco-login/styles/index';
|
@import 'ng2-alfresco-login/styles/index';
|
||||||
@import 'ng2-alfresco-upload/styles/index';
|
@import 'ng2-alfresco-upload/styles/index';
|
||||||
@import 'ng2-alfresco-userinfo/styles/index';
|
@import 'ng2-alfresco-userinfo/styles/index';
|
||||||
|
@import 'ng2-alfresco-search/styles/index';
|
||||||
|
|
||||||
@mixin alfresco-material-theme($theme) {
|
@mixin alfresco-material-theme($theme) {
|
||||||
@include alfresco-core-theme($theme);
|
@include alfresco-core-theme($theme);
|
||||||
@@ -22,4 +23,5 @@
|
|||||||
@include alfresco-login-theme($theme);
|
@include alfresco-login-theme($theme);
|
||||||
@include alfresco-upload-theme($theme);
|
@include alfresco-upload-theme($theme);
|
||||||
@include alfresco-userinfo-theme($theme);
|
@include alfresco-userinfo-theme($theme);
|
||||||
|
@include alfresco-search-theme($theme);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #2196f3;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #0d47a1; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #2196f3;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #0d47a1; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #00bcd4;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #006064; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #00bcd4;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #006064; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #8bc34a;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #33691e; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #8bc34a;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #33691e; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: white; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
background-color: white;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #3f51b5;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: rgba(0, 0, 0, 0.87);
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #1a237e; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: #424242;
|
background-color: #424242;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: #424242; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: white;
|
||||||
|
background-color: #424242;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #c2185b;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #880e4f; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
@@ -1243,38 +1243,38 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-textitem-editable textarea:focus {
|
.adf-textitem-editable textarea:focus {
|
||||||
border: 1px solid #EEE; }
|
border: 1px solid #EEE; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-wrapper {
|
.adf-textitem-editable .mat-input-wrapper {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-bottom: 0; }
|
padding-bottom: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-underline {
|
.adf-textitem-editable .mat-input-underline {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-infix {
|
.adf-textitem-editable .mat-input-infix {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-top: none; }
|
border-top: none; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper {
|
.adf-textitem-editable .mat-input-placeholder-wrapper {
|
||||||
padding-top: 2em;
|
padding-top: 2em;
|
||||||
position: static; }
|
position: static; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-placeholder {
|
.adf-textitem-editable .mat-input-placeholder {
|
||||||
top: 0; }
|
top: 0; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element {
|
.adf-textitem-editable .mat-input-element {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 3px; }
|
padding-top: 3px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ .mat-input-element:focus {
|
.adf-textitem-editable .mat-input-element:focus {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
left: -6px;
|
left: -6px;
|
||||||
top: -6px; }
|
top: -6px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element {
|
.adf-textitem-editable input.mat-input-element {
|
||||||
margin-bottom: 2px; }
|
margin-bottom: 2px; }
|
||||||
|
|
||||||
.adf-textitem-editable /deep/ input.mat-input-element:focus {
|
.adf-textitem-editable input.mat-input-element:focus {
|
||||||
margin-bottom: -8px; }
|
margin-bottom: -8px; }
|
||||||
|
|
||||||
.adf-invisible-date-input {
|
.adf-invisible-date-input {
|
||||||
@@ -1305,7 +1305,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
.adf-property {
|
.adf-property {
|
||||||
display: table-row; }
|
display: table-row; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-label {
|
.adf-property .adf-property-label {
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
padding-right: 30px;
|
padding-right: 30px;
|
||||||
@@ -1314,7 +1314,7 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
padding-bottom: 20px; }
|
padding-bottom: 20px; }
|
||||||
|
|
||||||
.adf-property /deep/ .adf-property-value {
|
.adf-property .adf-property-value {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
color: #656565;
|
color: #656565;
|
||||||
@@ -2345,38 +2345,38 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
cursor: pointer; }
|
cursor: pointer; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover {
|
||||||
color: black; }
|
color: black; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .mat-input-underline .mat-input-ripple {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
transition: none; }
|
transition: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 20px; }
|
margin-bottom: 20px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-trigger {
|
||||||
font-size: 14px; }
|
font-size: 14px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content .adf-site-dropdown-list-element.mat-select {
|
||||||
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
font-family: 'Muli', "Helvetica", "Arial", sans-serif; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content .adf-toolbar .mat-toolbar {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.07); }
|
border: 1px solid rgba(0, 0, 0, 0.07); }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-highlight {
|
||||||
color: #33afdfnpm np; }
|
color: #33afdfnpm np; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table {
|
||||||
border: none; }
|
border: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-no-content-container {
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table thead {
|
||||||
display: none; }
|
display: none; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table .adf-data-table-cell {
|
||||||
padding-top: 8px;
|
padding-top: 8px;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
height: 30px; }
|
height: 30px; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr {
|
||||||
height: auto !important; }
|
height: auto !important; }
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
.adf-content-node-selector-dialog .adf-content-node-selector-content-list .adf-data-table tbody tr:last-child .adf-data-table-cell {
|
||||||
border-bottom: none; }
|
border-bottom: none; }
|
||||||
|
|
||||||
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
.adf-content-node-selector-dialog .adf-content-node-selector-actions {
|
||||||
@@ -2499,20 +2499,6 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
margin-top: 17px; }
|
margin-top: 17px; }
|
||||||
|
|
||||||
.show {
|
|
||||||
display: block !important; }
|
|
||||||
|
|
||||||
.hide {
|
|
||||||
display: none !important; }
|
|
||||||
|
|
||||||
.icon-inline {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 31%;
|
|
||||||
left: 82%;
|
|
||||||
width: 30px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.adf-login-content {
|
.adf-login-content {
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2538,8 +2524,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; }
|
align-items: center; }
|
||||||
|
.adf-login-content .show {
|
||||||
.adf-login-card-wide {
|
display: block !important; }
|
||||||
|
.adf-login-content .hide {
|
||||||
|
display: none !important; }
|
||||||
|
.adf-login-content .icon-inline {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
top: 31%;
|
||||||
|
left: 82%;
|
||||||
|
width: 30px;
|
||||||
|
overflow: hidden; }
|
||||||
|
.adf-login-content .adf-login-card-wide {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: #424242;
|
background-color: #424242;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
|
||||||
@@ -2547,67 +2543,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
min-width: 350px;
|
min-width: 350px;
|
||||||
padding: 21px 64px 34px 64px;
|
padding: 21px 64px 34px 64px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
|
|
||||||
@media (max-width: 482px) {
|
@media (max-width: 482px) {
|
||||||
.adf-login-card-wide {
|
.adf-login-content .adf-login-card-wide {
|
||||||
width: calc(100% - 32px); } }
|
width: calc(100% - 32px); } }
|
||||||
|
.adf-login-content .adf-error-message {
|
||||||
.error {
|
|
||||||
display: -webkit-box;
|
|
||||||
display: -moz-box;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
-webkit-box-orient: horizontal;
|
|
||||||
-moz-box-orient: horizontal;
|
|
||||||
box-orient: horizontal;
|
box-orient: horizontal;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
-webkit-box-pack: flex-start;
|
|
||||||
-moz-box-pack: flex-start;
|
|
||||||
box-pack: flex-start;
|
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
margin-bottom: 4px;
|
margin-bottom: 4px;
|
||||||
font-size: 13px; }
|
font-size: 13px; }
|
||||||
|
.adf-login-content .adf-error-message .error-icon {
|
||||||
.error .error-icon {
|
|
||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
.adf-login-content .adf-img-logo {
|
||||||
.adf-img-logo {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto; }
|
margin-right: auto; }
|
||||||
|
.adf-login-content .adf-alfresco-logo {
|
||||||
.adf-alfresco-logo {
|
|
||||||
padding: 24px 16px 24px 16px; }
|
padding: 24px 16px 24px 16px; }
|
||||||
|
.adf-login-content .adf-alfresco-logo img {
|
||||||
.adf-alfresco-logo img {
|
|
||||||
max-height: 43px; }
|
max-height: 43px; }
|
||||||
|
.adf-login-content .adf-login-button {
|
||||||
.adf-login-button {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 36px;
|
height: 36px;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
box-shadow: none; }
|
box-shadow: none; }
|
||||||
|
.adf-login-content .adf-login-button-label {
|
||||||
.adf-login-button-label {
|
|
||||||
color: white; }
|
color: white; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking {
|
||||||
.adf-login-button.isChecking {
|
|
||||||
background-color: #e0f7fa; }
|
background-color: #e0f7fa; }
|
||||||
|
.adf-login-content .adf-login-button.isChecking .adf-login-button-label {
|
||||||
.adf-login-button.isChecking .adf-login-button-label {
|
|
||||||
color: #00bcd4; }
|
color: #00bcd4; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome {
|
||||||
.adf-login-button.isWelcome {
|
|
||||||
background-color: #00bcd4;
|
background-color: #00bcd4;
|
||||||
color: #ffffff; }
|
color: #ffffff; }
|
||||||
|
.adf-login-content .adf-login-button.isWelcome .welcome-icon {
|
||||||
.adf-login-button.isWelcome .welcome-icon {
|
|
||||||
margin: 5px 0 0 10px; }
|
margin: 5px 0 0 10px; }
|
||||||
|
.adf-login-content .adf-interactive-login-label {
|
||||||
.adf-interactive-login-label {
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
@@ -2621,18 +2595,15 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: center;
|
-moz-box-pack: center;
|
||||||
box-pack: center;
|
box-pack: center;
|
||||||
justify-content: center; }
|
justify-content: center; }
|
||||||
|
.adf-login-content .adf-login-checking-spinner {
|
||||||
.adf-login-checking-spinner {
|
|
||||||
height: 30px !important;
|
height: 30px !important;
|
||||||
width: 20px !important;
|
width: 20px !important;
|
||||||
margin-left: 10px; }
|
margin-left: 10px; }
|
||||||
|
.adf-login-content .adf-login-controls {
|
||||||
.adf-login-controls {
|
|
||||||
padding: 0 0 26px 0;
|
padding: 0 0 26px 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login-action {
|
||||||
.adf-login-action {
|
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
@@ -2647,29 +2618,21 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
-moz-box-pack: space-between;
|
-moz-box-pack: space-between;
|
||||||
box-pack: space-between;
|
box-pack: space-between;
|
||||||
justify-content: space-between; }
|
justify-content: space-between; }
|
||||||
|
.adf-login-content .adf-login-action-left a, .adf-login-content .adf-login-action-right a {
|
||||||
.adf-login-action-left a, .adf-login-action-right a {
|
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
.adf-login-content .is-active {
|
||||||
/* Known issue in angular material design module in betas */
|
|
||||||
> > > .rememberme-cb label > div {
|
|
||||||
margin-right: 8px; }
|
|
||||||
|
|
||||||
.is-active {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1.33;
|
line-height: 1.33;
|
||||||
color: #f44336; }
|
color: #f44336; }
|
||||||
|
.adf-login-content .copyright {
|
||||||
.copyright {
|
|
||||||
width: 450px;
|
width: 450px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding-top: 16px;
|
padding-top: 16px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .mat-input-container .adf-login-password-icon.mat-icon {
|
||||||
.mat-input-container .adf-login-password-icon.mat-icon {
|
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
@@ -2680,42 +2643,35 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric
|
|||||||
top: -6px;
|
top: -6px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
opacity: 0.54; }
|
opacity: 0.54; }
|
||||||
|
.adf-login-content .adf-login__field .mat-input-wrapper {
|
||||||
.adf-login__field > > > .mat-input-wrapper {
|
|
||||||
margin: 1em 0 0 0;
|
margin: 1em 0 0 0;
|
||||||
font-size: 16px; }
|
font-size: 16px; }
|
||||||
|
.adf-login-content .adf-login__field input:-webkit-autofill {
|
||||||
.adf-login-validation {
|
-webkit-box-shadow: 0 0 0px 1000px white inset; }
|
||||||
|
.adf-login-content .adf-login-validation {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
font-size: 12px; }
|
font-size: 12px; }
|
||||||
|
.adf-login-content .adf-login-error {
|
||||||
.adf-login-error {
|
|
||||||
color: #f44336;
|
color: #f44336;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 5px;
|
margin-top: -12px;
|
||||||
display: block; }
|
display: block; }
|
||||||
|
.adf-login-content .adf-login-message {
|
||||||
.adf-login-message {
|
|
||||||
color: blue; }
|
color: blue; }
|
||||||
|
.adf-login-content .adf-full-width {
|
||||||
.adf-full-width {
|
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
.adf-login-content .adf-login__remember-me {
|
||||||
.adf-login__remember-me {
|
|
||||||
padding-top: 22px; }
|
padding-top: 22px; }
|
||||||
|
.adf-login-content .adf-login__remember-me .mat-checkbox-label {
|
||||||
.adf-login__remember-me > > > .mat-checkbox-label {
|
|
||||||
opacity: 0.87; }
|
opacity: 0.87; }
|
||||||
|
.adf-login-content .adf-login__field {
|
||||||
.adf-login__field {
|
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-bottom: 18px; }
|
padding-bottom: 18px; }
|
||||||
|
.adf-login-content .adf-login-action-container {
|
||||||
.adf-login-action-container {
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
margin-top: 23px; }
|
margin-top: 23px; }
|
||||||
|
|
||||||
@@ -2830,11 +2786,11 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
height: 40px; }
|
height: 40px; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-header {
|
.adf-userinfo-tab .mat-tab-header {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|
||||||
.adf-userinfo-tab /deep/ .mat-tab-label {
|
.adf-userinfo-tab .mat-tab-label {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
@@ -2926,7 +2882,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
.adf-userinfo-detail {
|
.adf-userinfo-detail {
|
||||||
text-align: left; }
|
text-align: left; }
|
||||||
|
|
||||||
.adf-hide-tab /deep/ .mat-tab-label-active {
|
.adf-hide-tab .mat-tab-label-active {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
@media only screen and (min-device-width: 480px) {
|
@media only screen and (min-device-width: 480px) {
|
||||||
@@ -2936,5 +2892,87 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 0px; } }
|
padding: 0px; } }
|
||||||
|
|
||||||
.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content {
|
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||||
padding: 0px; }
|
padding: 0px; }
|
||||||
|
|
||||||
|
.adf-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none; }
|
||||||
|
|
||||||
|
.adf-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center; }
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px; }
|
||||||
|
.adf-search-container .search-field .mat-input-container {
|
||||||
|
width: 100%; }
|
||||||
|
.adf-search-container .search-field .mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: #424242; }
|
||||||
|
.adf-search-container .search-field .mat-input-element {
|
||||||
|
font-size: 16px; }
|
||||||
|
.adf-search-container .search-field .mat-input-infix {
|
||||||
|
padding: 0px; }
|
||||||
|
@media only screen and (max-width: 400px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 200px; } }
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.adf-search-container .search-field {
|
||||||
|
width: 160px; } }
|
||||||
|
|
||||||
|
.adf-search-form {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.adf-active-search, .adf-valid-search {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.adf-search-result {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
display: none;
|
||||||
|
color: white;
|
||||||
|
background-color: #424242;
|
||||||
|
margin: -21px 0px 0px 0px;
|
||||||
|
border: 1px solid #7b1fa2;
|
||||||
|
border-collapse: collapse;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 14px; }
|
||||||
|
.adf-search-result a {
|
||||||
|
color: white;
|
||||||
|
text-decoration: none; }
|
||||||
|
.adf-search-result table {
|
||||||
|
width: 300px; }
|
||||||
|
.adf-search-result tbody tr {
|
||||||
|
height: 32px; }
|
||||||
|
.adf-search-result tbody tr:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.04); }
|
||||||
|
.adf-search-result td {
|
||||||
|
height: 32px;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: left;
|
||||||
|
border-top: none;
|
||||||
|
border-bottom: none; }
|
||||||
|
.adf-search-result .highlight {
|
||||||
|
color: #4a148c; }
|
||||||
|
.adf-search-result .img-td {
|
||||||
|
width: 30px; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 240px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
@media screen and (max-width: 400px) {
|
||||||
|
.adf-search-result :host {
|
||||||
|
right: 0; }
|
||||||
|
.adf-search-result .truncate {
|
||||||
|
width: 200px; } }
|
||||||
|
|
||||||
|
.adf-valid-search .adf-search-result {
|
||||||
|
display: block; }
|
||||||
|
|||||||
+3
-3
@@ -1,5 +1,5 @@
|
|||||||
<table data-automation-id="autocomplete_results" *ngIf="results && results.length && searchTerm"
|
<table data-automation-id="autocomplete_results" *ngIf="results && results.length && searchTerm"
|
||||||
class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
|
class="full-width adf-search-result">
|
||||||
<tbody #resultsTableBody>
|
<tbody #resultsTableBody>
|
||||||
<tr id="result_row_{{idx}}" *ngFor="let result of results; let idx = index" tabindex="0"
|
<tr id="result_row_{{idx}}" *ngFor="let result of results; let idx = index" tabindex="0"
|
||||||
(blur)="onRowBlur($event)" (focus)="onRowFocus($event)"
|
(blur)="onRowBlur($event)" (focus)="onRowFocus($event)"
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table id="search_no_result" data-automation-id="search_no_result_found" *ngIf="results && results.length === 0"
|
<table id="search_no_result" data-automation-id="search_no_result_found" *ngIf="results && results.length === 0"
|
||||||
class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
|
class="full-width adf-search-result">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
@@ -33,7 +33,7 @@
|
|||||||
</table>
|
</table>
|
||||||
|
|
||||||
<table data-automation-id="autocomplete_error_message" *ngIf="errorMessage"
|
<table data-automation-id="autocomplete_error_message" *ngIf="errorMessage"
|
||||||
class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
|
class="full-width adf-search-result">
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</td>
|
<td>{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</td>
|
||||||
|
|||||||
+41
-14
@@ -1,29 +1,51 @@
|
|||||||
:host {
|
@mixin mat-search-autocomplete-theme($theme) {
|
||||||
|
$primary: map-get($theme, primary);
|
||||||
|
$accent: map-get($theme, accent);
|
||||||
|
$warn: map-get($theme, warn);
|
||||||
|
$foreground: map-get($theme, foreground);
|
||||||
|
$background: map-get($theme, background);
|
||||||
|
|
||||||
|
.adf {
|
||||||
|
|
||||||
|
&-search-result {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
display: none;
|
display: none;
|
||||||
color: #555;
|
color: mat-color($foreground, text);
|
||||||
|
background-color: mat-color($background, card);
|
||||||
margin: -21px 0px 0px 0px;
|
margin: -21px 0px 0px 0px;
|
||||||
}
|
border: 1px solid mat-color($primary);
|
||||||
:host a {
|
border-collapse: collapse;
|
||||||
color: #555;
|
white-space: nowrap;
|
||||||
|
font-size: 14px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: mat-color($foreground, text);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
:host table {
|
|
||||||
|
table {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
:host .mdl-data-table tbody tr {
|
|
||||||
|
tbody tr {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: mat-color($background, hover);
|
||||||
}
|
}
|
||||||
:host .mdl-data-table td {
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
:host.active.valid {
|
|
||||||
display: block;
|
.highlight {
|
||||||
|
color: mat-color($primary, 900);
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-td{
|
.img-td{
|
||||||
@@ -37,10 +59,6 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host /deep/ .highlight {
|
|
||||||
color: #33afdf;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 400px) {
|
@media screen and (max-width: 400px) {
|
||||||
:host {
|
:host {
|
||||||
right: 0;
|
right: 0;
|
||||||
@@ -49,3 +67,12 @@
|
|||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-valid-search {
|
||||||
|
.adf-search-result {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, ViewChild } from '@angular/core';
|
import { Component, ElementRef, EventEmitter, Input, OnChanges, Output, ViewChild, ViewEncapsulation } from '@angular/core';
|
||||||
import { MinimalNodeEntity } from 'alfresco-js-api';
|
import { MinimalNodeEntity } from 'alfresco-js-api';
|
||||||
import { SearchOptions, SearchService } from 'ng2-alfresco-core';
|
import { SearchOptions, SearchService } from 'ng2-alfresco-core';
|
||||||
import { ThumbnailService } from 'ng2-alfresco-core';
|
import { ThumbnailService } from 'ng2-alfresco-core';
|
||||||
@@ -23,7 +23,8 @@ import { ThumbnailService } from 'ng2-alfresco-core';
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'adf-search-autocomplete, alfresco-search-autocomplete',
|
selector: 'adf-search-autocomplete, alfresco-search-autocomplete',
|
||||||
templateUrl: './search-autocomplete.component.html',
|
templateUrl: './search-autocomplete.component.html',
|
||||||
styleUrls: ['./search-autocomplete.component.scss']
|
styleUrls: ['./search-autocomplete.component.scss'],
|
||||||
|
encapsulation: ViewEncapsulation.None
|
||||||
})
|
})
|
||||||
export class SearchAutocompleteComponent implements OnChanges {
|
export class SearchAutocompleteComponent implements OnChanges {
|
||||||
|
|
||||||
|
|||||||
@@ -1,12 +1,16 @@
|
|||||||
<form #f="ngForm" (ngSubmit)="onSearch(f.value)">
|
<form #f="ngForm" (ngSubmit)="onSearch(f.value)" class="adf-search-form">
|
||||||
<div [class]="getTextFieldClassName()">
|
<div class="adf-search-container"
|
||||||
<label *ngIf="expandable" class="mdl-button mdl-js-button mdl-button--icon" for="searchControl">
|
[@transitionMessages]="_subscriptAnimationState">
|
||||||
<i mdl-upgrade class="material-icons">search</i>
|
<button md-button
|
||||||
</label>
|
(click)="onClickSearch()"
|
||||||
<div [class]="getTextFieldHolderClassName()">
|
*ngIf="expandable"
|
||||||
|
class="adf-search-button">
|
||||||
|
<md-icon aria-label="search button">search</md-icon>
|
||||||
|
</button>
|
||||||
|
<div class="search-field">
|
||||||
|
<md-input-container>
|
||||||
<input
|
<input
|
||||||
mdl
|
mdInput
|
||||||
class="mdl-textfield__input"
|
|
||||||
[type]="inputType"
|
[type]="inputType"
|
||||||
[autocomplete]="getAutoComplete()"
|
[autocomplete]="getAutoComplete()"
|
||||||
data-automation-id="search_input"
|
data-automation-id="search_input"
|
||||||
@@ -19,7 +23,8 @@
|
|||||||
(keyup.escape)="onEscape()"
|
(keyup.escape)="onEscape()"
|
||||||
(keyup.arrowdown)="onArrowDown()"
|
(keyup.arrowdown)="onArrowDown()"
|
||||||
aria-labelledby="searchLabel">
|
aria-labelledby="searchLabel">
|
||||||
<label id="searchLabel" class="mdl-textfield__label" for="searchControl">{{'SEARCH.CONTROL.LABEL' | translate}}</label>
|
<!--label id="searchLabel" for="searchControl">{{'SEARCH.CONTROL.LABEL' | translate}}</label-->
|
||||||
|
</md-input-container>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
@@ -32,7 +37,8 @@
|
|||||||
[resultSort]="liveSearchResultSort"
|
[resultSort]="liveSearchResultSort"
|
||||||
[maxResults]="liveSearchMaxResults"
|
[maxResults]="liveSearchMaxResults"
|
||||||
[highlight]="highlight"
|
[highlight]="highlight"
|
||||||
[ngClass]="{active: searchActive, valid: searchValid}"
|
[class.adf-active-search]="searchActive"
|
||||||
|
[class.adf-valid-search]="searchValid"
|
||||||
(fileSelect)="onFileClicked($event)"
|
(fileSelect)="onFileClicked($event)"
|
||||||
(searchFocus)="onAutoCompleteFocus($event)"
|
(searchFocus)="onAutoCompleteFocus($event)"
|
||||||
(scrollBack)="onAutoCompleteReturn($event)"
|
(scrollBack)="onAutoCompleteReturn($event)"
|
||||||
|
|||||||
@@ -1,6 +1,45 @@
|
|||||||
.search-field {
|
@mixin mat-search-control-theme($theme) {
|
||||||
width: 267px;
|
$background: map-get($theme, background);
|
||||||
|
|
||||||
|
.adf {
|
||||||
|
|
||||||
|
&-search-button.mat-button {
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 32px;
|
||||||
|
min-width: 20px;
|
||||||
|
width: 32px;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
color: inherit;
|
||||||
|
line-height: normal;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&-search-container {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.search-field {
|
||||||
|
width: 260px;
|
||||||
|
padding-top: 6px;
|
||||||
|
|
||||||
|
.mat-input-container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-input-underline .mat-input-ripple {
|
||||||
|
background-color: mat-color($background, card);
|
||||||
|
}
|
||||||
|
|
||||||
|
.mat-input-element {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-field .mat-input-infix {
|
||||||
|
padding: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 400px) {
|
@media only screen and (max-width: 400px) {
|
||||||
.search-field {
|
.search-field {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
@@ -11,3 +50,15 @@
|
|||||||
width: 160px;
|
width: 160px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&-search-form{
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
&-active-search,
|
||||||
|
&-valid-search {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -128,22 +128,6 @@ describe('SearchControlComponent', () => {
|
|||||||
fixture.detectChanges();
|
fixture.detectChanges();
|
||||||
expect(element.querySelectorAll('input[type="text"]')[0].getAttribute('autocomplete')).toBe('on');
|
expect(element.querySelectorAll('input[type="text"]')[0].getAttribute('autocomplete')).toBe('on');
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should show an expanding control by default', () => {
|
|
||||||
fixture.detectChanges();
|
|
||||||
expect(element.querySelectorAll('div.mdl-textfield--expandable').length).toBe(1);
|
|
||||||
expect(element.querySelectorAll('div.mdl-textfield__expandable-holder').length).toBe(1);
|
|
||||||
expect(element.querySelectorAll('label.mdl-button--icon').length).toBe(1);
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should show a normal non-expanding control when configured', () => {
|
|
||||||
fixture.detectChanges();
|
|
||||||
fixture.componentInstance.expandable = false;
|
|
||||||
fixture.detectChanges();
|
|
||||||
expect(element.querySelectorAll('div.mdl-textfield--expandable').length).toBe(0);
|
|
||||||
expect(element.querySelectorAll('div.mdl-textfield__expandable-holder').length).toBe(0);
|
|
||||||
expect(element.querySelectorAll('label.mdl-button--icon').length).toBe(0);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
describe('Find as you type', () => {
|
describe('Find as you type', () => {
|
||||||
@@ -172,7 +156,7 @@ describe('SearchControlComponent', () => {
|
|||||||
window.setTimeout(() => { // wait for debounce() to complete
|
window.setTimeout(() => { // wait for debounce() to complete
|
||||||
fixture.detectChanges();
|
fixture.detectChanges();
|
||||||
let autocomplete: Element = element.querySelector('adf-search-autocomplete');
|
let autocomplete: Element = element.querySelector('adf-search-autocomplete');
|
||||||
expect(autocomplete.classList.contains('active')).toBe(true);
|
expect(autocomplete.classList.contains('adf-active-search')).toBe(true);
|
||||||
done();
|
done();
|
||||||
}, 100);
|
}, 100);
|
||||||
});
|
});
|
||||||
@@ -202,7 +186,7 @@ describe('SearchControlComponent', () => {
|
|||||||
window.setTimeout(() => { // wait for debounce() to complete
|
window.setTimeout(() => { // wait for debounce() to complete
|
||||||
fixture.detectChanges();
|
fixture.detectChanges();
|
||||||
let autocomplete: Element = element.querySelector('adf-search-autocomplete');
|
let autocomplete: Element = element.querySelector('adf-search-autocomplete');
|
||||||
expect(autocomplete.classList.contains('active')).toBe(true);
|
expect(autocomplete.classList.contains('adf-active-search')).toBe(true);
|
||||||
done();
|
done();
|
||||||
}, 100);
|
}, 100);
|
||||||
});
|
});
|
||||||
@@ -229,7 +213,7 @@ describe('SearchControlComponent', () => {
|
|||||||
}));
|
}));
|
||||||
fixture.detectChanges();
|
fixture.detectChanges();
|
||||||
let autocomplete: Element = element.querySelector('adf-search-autocomplete');
|
let autocomplete: Element = element.querySelector('adf-search-autocomplete');
|
||||||
expect(autocomplete.classList.contains('active')).toBe(true);
|
expect(autocomplete.classList.contains('adf-active-search')).toBe(true);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('should select the first result in find-as-you-type when down arrow is pressed and FAYT is visible', (done) => {
|
it('should select the first result in find-as-you-type when down arrow is pressed and FAYT is visible', (done) => {
|
||||||
|
|||||||
@@ -15,7 +15,8 @@
|
|||||||
* limitations under the License.
|
* limitations under the License.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild } from '@angular/core';
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
||||||
|
import { Component, ElementRef, EventEmitter, Input, OnDestroy, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
|
||||||
import { FormControl, Validators } from '@angular/forms';
|
import { FormControl, Validators } from '@angular/forms';
|
||||||
import { Observable, Subject } from 'rxjs/Rx';
|
import { Observable, Subject } from 'rxjs/Rx';
|
||||||
import { SearchTermValidator } from './../forms/search-term-validator';
|
import { SearchTermValidator } from './../forms/search-term-validator';
|
||||||
@@ -24,7 +25,19 @@ import { SearchAutocompleteComponent } from './search-autocomplete.component';
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'adf-search-control, alfresco-search-control',
|
selector: 'adf-search-control, alfresco-search-control',
|
||||||
templateUrl: './search-control.component.html',
|
templateUrl: './search-control.component.html',
|
||||||
styleUrls: ['./search-control.component.scss']
|
styleUrls: ['./search-control.component.scss'],
|
||||||
|
animations: [
|
||||||
|
trigger('transitionMessages', [
|
||||||
|
state('active', style({ transform: 'translateX(0%)'})),
|
||||||
|
state('inactive', style({ transform: 'translateX(89%)'})),
|
||||||
|
transition('void => active, inactive => active',
|
||||||
|
animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)')),
|
||||||
|
transition('active => inactive, void => inactive',
|
||||||
|
animate('300ms cubic-bezier(0.55, 0, 0.55, 0.2)'))
|
||||||
|
])
|
||||||
|
],
|
||||||
|
encapsulation: ViewEncapsulation.None
|
||||||
|
|
||||||
})
|
})
|
||||||
export class SearchControlComponent implements OnInit, OnDestroy {
|
export class SearchControlComponent implements OnInit, OnDestroy {
|
||||||
|
|
||||||
@@ -34,6 +47,8 @@ export class SearchControlComponent implements OnInit, OnDestroy {
|
|||||||
@Input()
|
@Input()
|
||||||
inputType = 'text';
|
inputType = 'text';
|
||||||
|
|
||||||
|
// style({ transform: 'translateX(0%)'}) style({ transform: 'translateX(89%)'}),
|
||||||
|
|
||||||
@Input()
|
@Input()
|
||||||
autocomplete: boolean = false;
|
autocomplete: boolean = false;
|
||||||
|
|
||||||
@@ -87,6 +102,8 @@ export class SearchControlComponent implements OnInit, OnDestroy {
|
|||||||
|
|
||||||
private focusSubject = new Subject<FocusEvent>();
|
private focusSubject = new Subject<FocusEvent>();
|
||||||
|
|
||||||
|
_subscriptAnimationState: string = 'inactive';
|
||||||
|
|
||||||
constructor() {
|
constructor() {
|
||||||
this.searchControl = new FormControl(
|
this.searchControl = new FormControl(
|
||||||
this.searchTerm,
|
this.searchTerm,
|
||||||
@@ -132,14 +149,6 @@ export class SearchControlComponent implements OnInit, OnDestroy {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
getTextFieldClassName(): string {
|
|
||||||
return 'mdl-textfield mdl-js-textfield' + (this.expandable ? ' mdl-textfield--expandable' : '');
|
|
||||||
}
|
|
||||||
|
|
||||||
getTextFieldHolderClassName(): string {
|
|
||||||
return this.expandable ? 'search-field mdl-textfield__expandable-holder' : 'search-field';
|
|
||||||
}
|
|
||||||
|
|
||||||
getAutoComplete(): string {
|
getAutoComplete(): string {
|
||||||
return this.autocomplete ? 'on' : 'off';
|
return this.autocomplete ? 'on' : 'off';
|
||||||
}
|
}
|
||||||
@@ -227,4 +236,9 @@ export class SearchControlComponent implements OnInit, OnDestroy {
|
|||||||
this.setAutoCompleteDisplayed(false);
|
this.setAutoCompleteDisplayed(false);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
onClickSearch() {
|
||||||
|
this.searchActive = !this.searchActive;
|
||||||
|
this._subscriptAnimationState = this.searchActive ? 'active' : 'inactive';
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<div data-automation-id="search_result_table"
|
<div data-automation-id="search_result_table"
|
||||||
class="mdl-data-table mdl-js-data-table mdl-shadow--2dp full-width">
|
class="adf-data-table full-width">
|
||||||
<p data-automation-id="search_error_message" *ngIf="errorMessage">{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</p>
|
<p data-automation-id="search_error_message" *ngIf="errorMessage">{{ 'SEARCH.RESULTS.ERROR' | translate:{errorMessage: errorMessage} }}</p>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<adf-document-list
|
<adf-document-list
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
:host .mdl-data-table caption {
|
:host .adf-data-table caption {
|
||||||
margin: 0 0 16px 0;
|
margin: 0 0 16px 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
:host .mdl-data-table td {
|
:host .adf-data-table td {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
:host .mdl-data-table td.col-mimetype-icon {
|
:host .adf-data-table td.col-mimetype-icon {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
}
|
}
|
||||||
:host .col-display-name {
|
:host .col-display-name {
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
@import '../src/components/search-autocomplete.component';
|
||||||
|
@import '../src/components/search-control.component';
|
||||||
|
|
||||||
|
@mixin alfresco-search-theme($theme) {
|
||||||
|
@include mat-search-control-theme($theme);
|
||||||
|
@include mat-search-autocomplete-theme($theme);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user