mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-10-08 14:51:32 +00:00
a385ae9b60
* Changed ng version before material migration * migration for material' * Fixed most of unit tests failing * [affected:*][ci:force] Fixing rebase * [affected:*][ci:force] attempt to fix mat-selectors importing * [affected:*][ci:force] Fixing the styles - check * AAE-21392 Fix dropdown form widget style (#9605) * ACS-7768 Applied new styles for inputs * ACS-7768 Align icon * ACS-7768 Input colors based on input state * ACS-7768 Corrected spaces * ACS-7768 Styles for selectboxes * ACS-7768 Fixed label jumping on hovering * ACS-7768 Style inputs for add permission panel, user role column and comments, styles for inputs without label * ACS-7768 Style inputs in search filters * ACS-7768 Set appearance for inputs globally to outline * ACS-7768 Style inputs for share dialog and login page * ACS-7768 Style inputs in properties panel * ACS-7768 Fixed white background when disabled field * ACS-7768 Moved setting outline appearance for inputs to ACA, fix issue for inputs in permission container * Revert "[affected:*][ci:force] Fixing the styles - check" This reverts commit80d971f7ab. * Revert "[affected:*][ci:force] attempt to fix mat-selectors importing" This reverts commit821d9e1864. * Revert "[affected:*][ci:force] Fixing rebase" This reverts commit378c6c2000. * Revert "Fixed most of unit tests failing" This reverts commit44948e0a28. * ACS-7768 Reverted unwanted changes --------- Co-authored-by: Vito Albano <vito.albano@hyland.com> Co-authored-by: Diogo Bastos <50139916+DiogoABastos@users.noreply.github.com>
164 lines
4.0 KiB
SCSS
164 lines
4.0 KiB
SCSS
@import 'styles/mat-selectors';
|
|
|
|
.adf-share-link-dialog {
|
|
.adf-share-link {
|
|
#{$mat-form-field-flex} {
|
|
height: 48px;
|
|
}
|
|
|
|
&__dialog-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
&__dialog-container {
|
|
background-color: var(--theme-card-background-color);
|
|
border-radius: 16px;
|
|
}
|
|
|
|
&__label,
|
|
&__title,
|
|
&__info {
|
|
letter-spacing: -0.4px;
|
|
line-height: 2;
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-stretch: normal;
|
|
font-size: var(--theme-body-1-font-size);
|
|
color: var(--adf-theme-foreground-text-color-087);
|
|
}
|
|
|
|
&__label {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
&__form {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
&__public-content {
|
|
color: var(--adf-theme-foreground-text-color-054);
|
|
font-size: var(--theme-caption-font-size);
|
|
}
|
|
|
|
&__warn {
|
|
color: var(--theme-warn-color-a700);
|
|
font-size: var(--theme-caption-font-size);
|
|
}
|
|
|
|
&--row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin: 8px 0;
|
|
|
|
&-sharable {
|
|
margin-bottom: 14px;
|
|
}
|
|
}
|
|
|
|
&--sharable-container {
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
&--header {
|
|
padding: 16px 24px 0;
|
|
}
|
|
|
|
&--dialog-content {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
&__input {
|
|
color: var(--adf-theme-foreground-text-color-087);
|
|
}
|
|
|
|
&__separation-line {
|
|
border: 1px solid var(--theme-grey-background-color);
|
|
margin: 8px -24px;
|
|
}
|
|
|
|
&__close {
|
|
cursor: pointer;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
&__icon {
|
|
color: var(--adf-theme-foreground-icon-color-054);
|
|
padding-bottom: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
&__para {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
&__heading {
|
|
font-weight: 700;
|
|
font-size: var(--theme-subheading-2-font-size);
|
|
}
|
|
|
|
&__copy-icon {
|
|
padding-top: 18px;
|
|
font-size: 22px;
|
|
}
|
|
|
|
&__date-time-container {
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
&__border-color {
|
|
&.adf-full-width {
|
|
&#{$mat-form-field} {
|
|
&#{$mat-form-field-label-always-float} {
|
|
&#{$mat-form-field-appearance-outline} {
|
|
#{$mat-text-field-outlined}, #{$mat-text-field-outlined}:hover {
|
|
#{$mat-notched-outline-leading}, #{$mat-notched-outline-trailing}, #{$mat-notched-outline-notch} {
|
|
border-color: var(--theme-warn-color-a700);
|
|
border-width: 2px;
|
|
}
|
|
|
|
#{$mat-notched-outline-notch} {
|
|
border-left: none;
|
|
border-left-width: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.adf-input-action {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.adf-full-width {
|
|
width: 100%;
|
|
border-radius: 6px;
|
|
margin-top: -6px;
|
|
}
|
|
|
|
.adf-sharable-link {
|
|
margin-top: 2px;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.adf-share-link__actions {
|
|
justify-content: flex-end;
|
|
padding: 8px 24px 32px 0;
|
|
margin: 8px 0 0;
|
|
|
|
& > button {
|
|
color: var(--adf-theme-foreground-base-color);
|
|
background-color: var(--theme-grey-text-background-color);
|
|
margin-right: 12px;
|
|
}
|
|
}
|
|
}
|