Bump stylelint from 13.13.1 to 14.2.0 (#7431)

* Bump stylelint from 13.13.1 to 14.2.0

Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.13.1 to 14.2.0.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/13.13.1...14.2.0)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* upgrade to newest stylelint

* fix style issues

* fix color function rules to match old Angular

* rollback modern color func

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>
This commit is contained in:
dependabot[bot] 2022-01-05 09:21:09 +00:00 committed by GitHub
parent cd02fb2040
commit 28bdab1146
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
165 changed files with 1606 additions and 971 deletions

6
.vscode/extensions.json vendored Normal file
View File

@ -0,0 +1,6 @@
{
"recommendations": [
"stylelint.vscode-stylelint",
"editorconfig.editorconfig",
]
}

View File

@ -24,5 +24,12 @@
"scss.validate": false,
"stylelint.config": {
"extends": "./stylelint-config"
}
},
"stylelint.configFile": "stylelint-config.json",
"stylelint.validate": [
"css",
"less",
"postcss",
"scss"
]
}

View File

@ -1,4 +1,3 @@
@media screen and (max-width: 599px) {
app-search-bar {
width: 150px;
@ -49,8 +48,6 @@ adf-file-uploading-dialog {
}
}
@media screen and (max-width: 599px) {}
mat-sidenav-content > div {
display: flex;
height: 100%;

View File

@ -26,7 +26,7 @@
p {
display: block;
font-family: monospace, monospace;
font-family: monospace;
margin: 0;
}
}

View File

@ -22,7 +22,7 @@
p {
display: block;
font-family: monospace, monospace;
font-family: monospace;
margin: 0;
}
}

View File

@ -1,3 +1,4 @@
app-cloud-task-filters .app-filters__entry, app-cloud-process-filters .app-filters__entry {
app-cloud-task-filters .app-filters__entry,
app-cloud-process-filters .app-filters__entry {
padding-left: 0 !important;
}

View File

@ -1,6 +1,4 @@
.app {
&-task-detail-container {
display: flex;
}

View File

@ -4,6 +4,7 @@
font-size: 18px;
font-weight: bold;
}
mat-radio-group {
margin: 7px 10px;
@ -13,7 +14,6 @@
}
mat-card-content {
.app-preselect-value {
margin-right: 15px;
min-width: 25%;

View File

@ -11,5 +11,4 @@
margin-left: 10px;
width: 25%;
}
}

View File

@ -1,6 +1,4 @@
.app {
&-task-detail-container {
display: flex;
}

View File

@ -1,5 +1,4 @@
.app {
&-appName-input {
width: 500px;
margin-right: 50px;

View File

@ -1,5 +1,4 @@
.app-content-node-selector-demo {
&-main {
display: flex;
flex-direction: column;

View File

@ -26,7 +26,7 @@
p {
display: block;
font-family: monospace, monospace;
font-family: monospace;
margin: 0;
}
}

View File

@ -1,5 +1,6 @@
.app-content {
padding: 10px;
.mat-card {
padding: 16px 24px;
max-width: 100% !important;
@ -13,7 +14,9 @@
font-weight: bold;
}
.mat-form-field, input, select {
.mat-form-field,
input,
select {
display: block;
width: 100%;
height: 30px;

View File

@ -15,7 +15,6 @@
}
.app-home-headline {
h1 {
font-size: 56px;
font-weight: 300;

View File

@ -21,16 +21,19 @@
padding: 5px;
}
.app-mobile-settings, .app-mobile-setting-button {
.app-mobile-settings,
.app-mobile-setting-button {
display: none;
}
@media screen and (max-width: 959px) {
.app-settings, .app-setting-button.mat-fab.mat-accent {
.app-settings,
.app-setting-button.mat-fab.mat-accent {
display: none;
}
.app-mobile-settings, .app-mobile-setting-button {
.app-mobile-settings,
.app-mobile-setting-button {
display: block;
}

View File

@ -14,7 +14,6 @@
}
.app-logout-headline {
h1 {
font-size: 56px;
font-weight: 300;

View File

@ -7,8 +7,10 @@
.app-grid {
.app-grid-item {
margin: 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
box-shadow:
0 2px 2px 0 rgba(0, 0, 0, 0.14),
0 3px 1px -2px rgba(0, 0, 0, 0.2),
0 1px 5px 0 rgba(0, 0, 0, 0.12);
padding: 10px;
}

View File

@ -1,4 +1,3 @@
.app-search-elements {
display: flex;
align-items: center;

View File

@ -11,9 +11,12 @@ div.app-search-results-container {
:host .app-col-display-name {
min-width: 100px;
}
:host .app-col-modified-at, :host .app-col-modified-by {
:host .app-col-modified-at,
:host .app-col-modified-by {
display: none;
}
:host div.app-search-results-container table {
width: 100%;
}

View File

@ -35,9 +35,12 @@ div.app-search-results-container {
:host .app-col-display-name {
min-width: 100px;
}
:host .app-col-modified-at, :host .app-col-modified-by {
:host .app-col-modified-at,
:host .app-col-modified-by {
display: none;
}
:host div.app-search-results-container table {
width: 100%;
}

View File

@ -37,9 +37,12 @@ div.app-search-results-container {
:host .app-col-display-name {
min-width: 100px;
}
:host .app-col-modified-at, :host .app-col-modified-by {
:host .app-col-modified-at,
:host .app-col-modified-by {
display: none;
}
:host div.app-search-results-container table {
width: 100%;
}

View File

@ -2,7 +2,6 @@
margin: 10px;
}
.app-social-example-title {
padding-bottom: 12px;
}

View File

@ -2,7 +2,6 @@
margin: 10px;
}
.app-tag-example-title {
padding-bottom: 12px;
}

View File

@ -1,22 +1,24 @@
@import '~@angular/material/theming';
@import '../../lib/core/styles/index';
@include mat-core($alfresco-typography);
$primary: mat-palette($alfresco-accent-orange);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme((
$theme: mat-light-theme(
(
color: (
primary: $primary,
accent: $accent,
)
));
)
);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);
body, html {
body,
html {
margin: 0;
height: 100%;
overflow: hidden;

View File

@ -1,22 +1,24 @@
@import '~@angular/material/theming';
@import '~@alfresco/adf-core/theming';
@include mat-core($alfresco-typography);
$primary: mat-palette($alfresco-accent-orange);
$accent: mat-palette($alfresco-accent-purple);
$warn: mat-palette($alfresco-warn);
$theme: mat-light-theme((
$theme: mat-light-theme(
(
color: (
primary: $primary,
accent: $accent,
)
));
)
);
@include angular-material-theme($theme);
@include alfresco-material-theme($theme);
body, html {
body,
html {
margin: 0;
height: 100%;
overflow: hidden;

View File

@ -0,0 +1 @@
/* empty file */

View File

@ -1,5 +1,4 @@
.adf {
&-aspect-list-spinner {
display: flex;
align-items: center;
@ -8,7 +7,6 @@
}
&-aspect-list-container {
padding-top: 3px;
height: 400px;
overflow: auto;
@ -26,7 +24,6 @@
}
.adf-accordion-aspect-list {
.mat-expansion-panel-spacing {
margin: 0;
}

View File

@ -1,4 +1,4 @@
$dropdownHorizontalOffset: 30px;
$dropdown-horizontal-offset: 30px;
.adf {
&-dropdown-breadcrumb {
@ -81,20 +81,20 @@ $dropdownHorizontalOffset: 30px;
[dir='ltr'] .adf {
&-dropdown-breadcrumb-path {
margin-left: -$dropdownHorizontalOffset;
margin-left: -$dropdown-horizontal-offset;
}
&-current-folder {
margin-left: $dropdownHorizontalOffset;
margin-left: $dropdown-horizontal-offset;
}
}
[dir='rtl'] .adf {
&-dropdown-breadcrumb-path {
margin-right: -$dropdownHorizontalOffset;
margin-right: -$dropdown-horizontal-offset;
}
&-current-folder {
margin-right: $dropdownHorizontalOffset;
margin-right: $dropdown-horizontal-offset;
}
}

View File

@ -1,5 +1,4 @@
.adf-content-metadata-card {
.mat-card {
padding: 0;

View File

@ -1,3 +1,4 @@
/* stylelint-disable no-descending-specificity */
$content-node-selector-thumbnail-width: 35px !default;
.adf-search-results-label {
@ -22,7 +23,6 @@ $content-node-selector-thumbnail-width: 35px !default;
}
.adf-content-node-selector {
&-search-panel-container {
display: flex;
}
@ -66,12 +66,12 @@ $content-node-selector-thumbnail-width: 35px !default;
.mat-select-trigger {
font-size: 14px;
}
}
&-breadcrumb {
.adf-dropdown-breadcrumb-trigger {
outline: none;
.mat-icon {
color: var(--adf-node-selector-base-color);
@ -145,8 +145,7 @@ $content-node-selector-thumbnail-width: 35px !default;
.adf-datatable-body .adf-datatable-row {
min-height: 40px;
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
padding-top: 15px;
}

View File

@ -35,6 +35,7 @@ adf-content-node-selector {
min-height: 46px;
font-size: 40px;
}
.adf-empty-folder-image {
height: 100px;
width: 460px;
@ -92,7 +93,6 @@ adf-content-node-selector {
}
.adf-choose-action {
&[disabled] {
color: var(--theme-secondary-text-color);
}

View File

@ -1,5 +1,6 @@
.adf-name-location-cell {
display: grid;
&-location {
color: var(--theme-text-color);
font-size: 12px;

View File

@ -3,7 +3,6 @@
}
.adf-share-link-dialog {
.adf-share-link {
&__dialog-content {
display: flex;
@ -34,6 +33,7 @@
&--row {
display: flex;
flex-direction: row;
/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
flex-wrap: wrap;
align-items: center;
}

View File

@ -1,5 +1,4 @@
.adf {
&-content-type-dialog {
.mat-expansion-panel {
margin-bottom: 10px;
@ -28,5 +27,4 @@
&-content-type-dialog-apply-button {
color: var(--theme-primary-color);
}
}

View File

@ -1,4 +1,3 @@
.adf-fill-remaining-space {
flex: 1 1 auto;
}
@ -33,4 +32,3 @@
.adf-dialog-action-button:disabled > span {
color: var(--theme-text-color);
}

View File

@ -126,7 +126,6 @@
}
.adf-empty-folder {
&-this-space-is-empty {
height: 32px;
font-size: 24px;

View File

@ -1,5 +1,4 @@
.adf-add-permission-dialog {
.mat-dialog-title {
margin-left: 24px;
margin-right: 24px;
@ -45,7 +44,6 @@
}
.adf-choose-action {
&[disabled] {
color: var(--theme-secondary-text-color);
}
@ -59,6 +57,7 @@
.adf {
&-search-user-button {
width: 100%;
.mat-button-wrapper {
display: flex;
align-items: center;

View File

@ -1,7 +1,6 @@
$search-result-height: calc(100% - 75px);
.adf {
&-permission-result-list {
display: flex;
height: $search-result-height;
@ -68,6 +67,7 @@ $search-result-height: calc(100% - 75px);
&[disabled] {
opacity: 0.6;
}
&:enabled {
color: var(--theme-primary-color);
}

View File

@ -3,6 +3,7 @@
&[disabled] {
opacity: 0.6;
}
&:enabled {
color: var(--theme-primary-color);
}

View File

@ -50,6 +50,7 @@
&-permission-role-column-header {
position: relative !important;
height: 40px;
.mat-form-field-infix {
border: none;
}
@ -88,7 +89,6 @@
.adf-pop-over-card {
width: 100%;
overflow: hidden;
box-shadow: 0 8px 9px -5px var(--theme-fg-divider),
0 15px 22px 2px var(--theme-fg-divider);
box-shadow: 0 8px 9px -5px var(--theme-fg-divider), 0 15px 22px 2px var(--theme-fg-divider);
}
}

View File

@ -26,6 +26,7 @@
&-people-select-icon {
margin: 0 !important;
svg {
fill: var(--theme-accent-color);
width: 40px;

View File

@ -4,7 +4,6 @@ $mat-menu-overlay-min-width: 112px !default; // 56 * 2
$mat-menu-overlay-max-width: 280px !default; // 56 * 5
.adf {
&-search-result-autocomplete {
@include mat-overridable-elevation(2);
@ -12,7 +11,6 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
max-width: $mat-menu-overlay-max-width;
overflow: auto;
-webkit-overflow-scrolling: touch;
transform-origin: top left;
transform: translateX(-40px);
position: absolute;
@ -33,7 +31,6 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
}
&-search-autocomplete-item {
&:hover {
background-color: var(--theme-bg-hover-color);
opacity: 1;

View File

@ -1,3 +1,4 @@
/* stylelint-disable no-descending-specificity */
.adf-search-filter-facet {
.adf-checklist {
display: flex;
@ -43,6 +44,7 @@
.adf-facet-search-icon {
width: 27px;
margin-top: -4px;
.mat-icon {
font-size: 15px;
}
@ -83,5 +85,4 @@
.mat-radio-label {
color: var(--theme-text-color);
}
}

View File

@ -1,7 +1,6 @@
@import '~@angular/material/theming';
.adf-search-filter-chip {
&.mat-chip {
border: 2px solid transparent;
transition: border 500ms ease-in-out;
@ -53,6 +52,7 @@
&-menu + * .cdk-overlay-pane .mat-menu-panel {
min-width: 320px;
border-radius: 12px;
@include mat-elevation(2);
}
}

View File

@ -1,5 +1,4 @@
.adf-filter {
&-button {
margin-left: -7px !important;

View File

@ -38,6 +38,7 @@
&-menu + * .mat-menu-panel {
@include mat-elevation(2);
border-radius: 6px;
.mat-menu-content {

View File

@ -17,6 +17,7 @@
.adf-like-select {
cursor: pointer;
color: #2196f3;
&:hover {
color: #808080;
}
@ -25,9 +26,9 @@
.adf-like-grey {
cursor: pointer;
color: #808080;
&:hover {
color: #2196f3;
}
}
}

View File

@ -36,14 +36,13 @@ $adf-average-star-color: #808080;
color: $adf-rated-star-color;
}
.adf-grey-star, .adf-average-star {
.adf-grey-star,
.adf-average-star {
color: $adf-average-star-color !important;
}
}
[dir='rtl'] .adf-rating-container {
.adf-rating-star {
transform: rotate(145deg);
}

View File

@ -1,10 +1,11 @@
/* stylelint-disable no-descending-specificity */
.adf-upload-dialog {
background: var(--theme-dialog-bg-color);
color: var(--theme-text-color);
position: fixed;
bottom: 20px;
width: 40%;
box-shadow: 1px 5px 15px #888888;
box-shadow: 1px 5px 15px #888;
z-index: 999;
&--padding {
@ -77,5 +78,6 @@
}
}
}
[adfUploadDialogLeft] .adf-upload-dialog { left: 25px; }
[adfUploadDialogRight] .adf-upload-dialog { right: 25px; }

View File

@ -1,4 +1,4 @@
$file-uploading-row-hover-color: #eeeeee !default;
$file-uploading-row-hover-color: #eee !default;
adf-file-uploading-list-row:not(:first-child) {
display: block;
@ -23,7 +23,9 @@ adf-file-uploading-list-row:not(:first-child) {
padding: 0 1em 0 0.5em;
}
&__group, &__block, &__file-version {
&__group,
&__block,
&__file-version {
min-width: 100px;
display: flex !important;
justify-content: flex-end;

View File

@ -1,10 +1,11 @@
/* stylelint-disable no-descending-specificity */
$adf-upload-dragging-color: #2196f3 !default;
$adf-upload-dragging-border: 1px dashed #2196f3 !default;
$adf-upload-dragging-background: #e3f2fd !default;
$adf-upload-dragging-level1-color: #2196f3 !default;
$adf-upload-dragging-level1-border: 1px dashed #2196f3 !default;
@mixin file-draggable__input-focus($text-color, $border) {
@mixin file-draggable-input-focus($text-color, $border) {
color: $text-color;
border: $border !important;
margin-left: 0 !important;
@ -30,12 +31,13 @@ adf-upload-drag-area {
box-sizing: border-box;
}
.adf-file-draggable__input-focus {
.adf-file-draggable-input-focus {
color: $adf-upload-dragging-color;
border: $adf-upload-dragging-border;
adf-document-list {
background: $adf-upload-dragging-background;
adf-datatable > table {
background: inherit;
}
@ -63,11 +65,8 @@ adf-upload-drag-area {
&:first-child {
& > div {
adf-upload-drag-area {
.adf-file-draggable__input-focus {
@include file-draggable__input-focus(
$adf-upload-dragging-color,
$adf-upload-dragging-border
);
.adf-file-draggable-input-focus {
@include file-draggable-input-focus($adf-upload-dragging-color, $adf-upload-dragging-border);
}
}
}
@ -77,17 +76,14 @@ adf-upload-drag-area {
text-align: inherit !important;
}
.adf-file-draggable__input-focus {
.adf-file-draggable-input-focus {
color: $adf-upload-dragging-level1-color !important;
border: $adf-upload-dragging-level1-border !important;
margin-left: 0 !important;
adf-upload-drag-area {
& > div {
@include file-draggable__input-focus(
$adf-upload-dragging-color,
$adf-upload-dragging-border
);
@include file-draggable-input-focus($adf-upload-dragging-color, $adf-upload-dragging-border);
}
}
}

View File

@ -5,13 +5,15 @@
justify-content: space-around;
}
.adf-version-current, .adf-version-new {
.adf-version-current,
.adf-version-new {
display: flex;
flex-direction: column;
align-items: center;
}
.adf-version-current img, .adf-version-new img {
.adf-version-current img,
.adf-version-new img {
width: 100px;
}
@ -19,7 +21,8 @@
font-size: var(--theme-display-4-font-size);
}
.adf-version-comparison-node-name, .adf-version-comparison-file-name {
.adf-version-comparison-node-name,
.adf-version-comparison-file-name {
width: 120px;
text-overflow: ellipsis;
overflow: hidden;

View File

@ -28,8 +28,7 @@ adf-version-manager {
padding: 16px 0;
width: 100%;
height: 0;
float: left;
float: left !important;
position: relative;
}
@ -50,7 +49,3 @@ adf-version-manager {
width: 100% !important;
float: left !important;
}
.adf-new-version-uploader-container {
float: left !important;
}

View File

@ -1,5 +1,4 @@
adf-about {
.adf-about-container {
margin: 10px 0 5px 2px;
}
@ -7,6 +6,4 @@ adf-about {
header {
margin: 5px;
}
}

View File

@ -8,7 +8,8 @@
color: var(--adf-card-view-text-color);
}
&-array-item-action:hover, &-array-item-action:focus {
&-array-item-action:hover,
&-array-item-action:focus {
color: var(--theme-text-fg-color);
}
@ -22,9 +23,6 @@
&-array-item-more-chip-container {
&.mat-card {
box-shadow: none;
}
&.mat-card {
max-height: 300px;
overflow-y: auto;
}
@ -40,6 +38,7 @@
padding-top: 6px;
cursor: pointer;
}
.mat-chip {
cursor: pointer;
}

View File

@ -1,3 +1,4 @@
/* stylelint-disable no-descending-specificity */
.adf {
&-invisible-date-input {
height: 2px;

View File

@ -34,7 +34,8 @@
box-shadow: none;
}
.mat-header-row, .mat-row {
.mat-header-row,
.mat-row {
padding: 0;
}
}

View File

@ -170,10 +170,12 @@
.adf-textitem-edit-icon {
display: none;
}
.adf-property-clear-value {
color: var(--adf-card-view-text-color);
display: inline;
}
.adf-property-clear-value:hover {
color: var(--theme-text-fg-color);
}

View File

@ -1,3 +1,4 @@
/* stylelint-disable no-descending-specificity */
.adf-property-list {
.adf-property {
margin-bottom: 20px;
@ -6,6 +7,12 @@
margin-top: 6px;
}
.adf-property-read-only {
.mat-form-field-underline {
display: none;
}
}
.adf-property-field {
width: 100%;
margin-bottom: -25px;
@ -25,12 +32,6 @@
}
}
.adf-property-read-only {
.mat-form-field-underline {
display: none;
}
}
.adf-property-label {
font-size: 12px;
color: var(--theme-text-color);

View File

@ -3,7 +3,6 @@
}
.adf {
&-comment-img-container {
float: left;
width: 40px;
@ -25,10 +24,12 @@
background-position: center;
&:hover {
background: var(--adf-comment-list-primary-color)
background:
var(--adf-comment-list-primary-color)
radial-gradient(circle, transparent 1%, var(--adf-comment-list-primary-color) 1%)
center/15000%;
}
&:active {
background-color: var(--adf-comment-list-ripple-color);
background-size: 100%;
@ -91,5 +92,4 @@
height: 40px;
vertical-align: middle;
}
}

View File

@ -1,3 +1,4 @@
/* stylelint-disable no-descending-specificity */
@import '~@angular/material/theming';
@import '../../../styles/mixins';
@ -10,8 +11,8 @@ $data-table-card-padding: 24px !default;
$data-table-cell-top: $data-table-card-padding / 2;
$data-table-thumbnail-width: 50px !default;
$data-table-cell-min-width: 50px !default;
$data-table-cell-min-width--no-grow: 100px !default;
$data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
$data-table-cell-min-width-no-grow: 100px !default;
$data-table-cell-min-width-file-size: $data-table-cell-min-width !default;
.adf-datatable {
overflow-y: scroll;
@ -28,9 +29,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
.adf-datatable-body {
flex-flow: row wrap;
display: flex;
width: 100%;
justify-content: space-evenly;
align-content: flex-start;
align-items: flex-start;
@ -41,13 +40,10 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
display: flex;
flex-direction: column;
flex: 0 1 24%;
width: 288px !important;
max-width: 288px !important;
min-width: 288px !important;
height: 200px;
overflow: hidden !important;
margin: 6px;
padding: 15px;
@ -165,14 +161,12 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
.adf-datatable-checkbox {
margin: 8px;
}
}
.adf-datatable-header {
margin-right: 18px;
float: right;
}
}
.adf-datatable-list {
@ -221,7 +215,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
.adf-datatable-row {
&:hover, &:focus {
&:hover,
&:focus {
background-color: var(--theme-bg-hover-color);
}
@ -230,7 +225,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
outline: 1px solid var(--theme-accent-color-a200);
}
.adf-cell-value, .adf-datatable-cell-header {
.adf-cell-value,
.adf-datatable-cell-header {
&:focus {
outline-offset: -1px;
outline: 1px solid var(--theme-accent-color-a200);
@ -247,6 +243,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
.adf-datatable-row {
@include material-animation-default(0.28s);
transition-property: background-color;
border-top: 1px solid var(--theme-border-color);
min-height: $data-table-row-height;
@ -254,7 +251,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
@include adf-no-select;
&.adf-is-selected, &.adf-is-selected:hover {
&.adf-is-selected,
&.adf-is-selected:hover {
background-color: var(--theme-selected-button-bg-color);
}
@ -264,6 +262,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
}
/* stylelint-disable-next-line no-duplicate-selectors */
.adf-datatable-row {
display: flex;
align-items: center;
@ -283,7 +282,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
}
.adf-datatable-cell, .adf-datatable-cell-header {
.adf-datatable-cell,
.adf-datatable-cell-header {
text-align: left;
box-sizing: border-box;
min-width: $data-table-cell-min-width;
@ -311,12 +311,13 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
&--fileSize {
min-width: $data-table-cell-min-width--fileSize;
min-width: $data-table-cell-min-width-file-size;
}
}
.adf-datatable-cell-header {
@include adf-no-select;
cursor: pointer;
position: relative;
vertical-align: bottom;
@ -333,9 +334,11 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
&.adf-sortable {
@include adf-no-select;
&:hover {
cursor: pointer;
}
display: flex;
align-items: center;
}
@ -343,8 +346,10 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
&.adf-datatable__header--sorted-asc,
&.adf-datatable__header--sorted-desc {
color: var(--theme-text-fg-color);
&::before {
@include typo-icon;
font-size: $data-table-header-sort-icon-size;
content: '\e5d8';
left: 5px;
@ -353,9 +358,11 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
vertical-align: sub;
}
}
&.adf-datatable__header--sorted-desc::before {
content: '\e5db';
}
&.adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc::before,
&.adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc::before {
left: -3px;
@ -368,32 +375,40 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
}
.adf-datatable-cell-header.adf-expand-cell-1, .adf-datatable-cell.adf-expand-cell-1 {
.adf-datatable-cell-header.adf-expand-cell-1,
.adf-datatable-cell.adf-expand-cell-1 {
flex-grow: 1;
}
.adf-datatable-cell-header.adf-expand-cell-2, .adf-datatable-cell.adf-expand-cell-2 {
.adf-datatable-cell-header.adf-expand-cell-2,
.adf-datatable-cell.adf-expand-cell-2 {
flex-grow: 2;
}
.adf-datatable-cell-header.adf-expand-cell-3, .adf-datatable-cell.adf-expand-cell-3 {
.adf-datatable-cell-header.adf-expand-cell-3,
.adf-datatable-cell.adf-expand-cell-3 {
flex-grow: 3;
}
.adf-datatable-cell-header.adf-expand-cell-4, .adf-datatable-cell.adf-expand-cell-4 {
.adf-datatable-cell-header.adf-expand-cell-4,
.adf-datatable-cell.adf-expand-cell-4 {
flex-grow: 4;
}
.adf-datatable-cell-header.adf-expand-cell-5, .adf-datatable-cell.adf-expand-cell-5 {
.adf-datatable-cell-header.adf-expand-cell-5,
.adf-datatable-cell.adf-expand-cell-5 {
flex-grow: 5;
}
.adf-datatable-cell-header.adf-no-grow-cell, .adf-datatable-cell.adf-no-grow-cell {
.adf-datatable-cell-header.adf-no-grow-cell,
.adf-datatable-cell.adf-no-grow-cell {
flex-grow: 0;
min-width: $data-table-cell-min-width--no-grow;
min-width: $data-table-cell-min-width-no-grow;
}
.adf-datatable-cell, .adf-datatable-cell-header {
/* stylelint-disable-next-line no-duplicate-selectors */
.adf-datatable-cell,
.adf-datatable-cell-header {
flex: 1;
padding: 0;
align-items: center;
@ -413,11 +428,11 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
padding: 10px;
display: block;
@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
padding: 17px 10px 10px;
}
}
&--fileSize .adf-datatable-cell-value {
padding: 0 10px 0 0;
}
@ -431,7 +446,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
width: 100%;
}
.adf-datatable__actions-cell, .adf-datatable-cell--image {
.adf-datatable__actions-cell,
.adf-datatable-cell--image {
max-width: $data-table-thumbnail-width;
display: flex;
}
@ -490,6 +506,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
}
/* stylelint-disable-next-line no-duplicate-selectors */
.adf-datatable-cell,
.adf-datatable-cell-header {
.adf-datatable-link .adf-datatable-cell-value {
@ -515,6 +532,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
text-overflow: ellipsis;
}
}
.adf-datatable-content-cell {
overflow: unset;
position: absolute;
@ -586,7 +604,6 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
display: none !important;
}
}
}
/* [Accessibility] Material checkbox labels */
@ -637,6 +654,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
.adf-datatable--empty {
@include flex-column;
justify-content: center;
align-items: center;
height: inherit;
@ -647,7 +665,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
background-color: var(--theme-card-bg-color);
border: none !important;
&:hover, &:focus {
&:hover,
&:focus {
background-color: unset;
cursor: default;
}
@ -656,13 +675,13 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
}
.adf-datatable--empty--header-visible {
.adf-datatable-header {
border: 1px solid var(--theme-border-color);
}
.adf-datatable-body {
@include flex-column;
justify-content: center;
align-items: center;
@ -671,7 +690,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
background-color: var(--theme-card-bg-color);
border: none !important;
&:hover, &:focus {
&:hover,
&:focus {
background-color: unset;
cursor: default;
}

View File

@ -3,17 +3,17 @@
height: 300px;
overflow: hidden;
}
textarea {
&:focus {
outline: none;
}
resize: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box; /* For IE and modern versions of Chrome */
-moz-box-sizing: border-box; /* For Firefox */
-webkit-box-sizing: border-box; /* For Safari */
box-sizing: border-box;
}
}

View File

@ -6,12 +6,14 @@
div.adf-tooltip-card {
@include mat-elevation(8);
background-color: var(--theme-card-bg-color);
border: 1px solid var(--theme-primary-color);
padding: 12px;
border-radius: 6px;
p, div {
p,
div {
font-size: var(--theme-caption-font-size);
color: var(--adf-tooltip-card-color);
margin: 0;

View File

@ -32,7 +32,6 @@
& .mat-form-field-wrapper {
margin: 0 12px 0 0;
}
}
&-form-title {
@ -97,7 +96,6 @@
& .mat-button {
height: 36px;
border-radius: 5px;
}
& .mat-button-wrapper {

View File

@ -7,14 +7,7 @@
padding-bottom: 10px;
cursor: default;
user-select: none;
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE/Edge */
-webkit-touch-callout: none;
/* iOS Safari */
&.adf-collapsible {
cursor: pointer;
}
@ -90,7 +83,6 @@ container-widget {
}
.mat-focused {
label {
transform: scaleX(1);
transition: transform 150ms linear;
@ -111,5 +103,4 @@ container-widget {
adf-form-field {
width: 100%;
}
}

View File

@ -3,8 +3,8 @@
width: 100%;
height: 100%;
border: 1px solid rgba(117, 117, 117, 0.57);
box-shadow: 1px 1px 2px #dddddd;
background-color: #ffffff;
box-shadow: 1px 1px 2px #ddd;
background-color: #fff;
}
&-content-widget-preview-text {

View File

@ -3,9 +3,9 @@
.mat-form-field-suffix {
top: 26px;
}
.mat-form-field-label-wrapper {
top: 20px;
}
}
}

View File

@ -3,6 +3,7 @@
.mat-form-field-suffix {
top: 26px;
}
.mat-form-field-label-wrapper {
top: 20px;
}

View File

@ -1,10 +1,11 @@
/* stylelint-disable no-descending-specificity */
@import '~@angular/material/theming';
@import '../../../../styles/mixins';
$dynamic-table-font-size: 14px !default;
$dynamic-table-header-font-size: 12px !default;
$dynamic-table-header-sort-icon-size: 16px !default;
$dynamic-table-hover-color: #eeeeee !default;
$dynamic-table-hover-color: #eee !default;
$dynamic-table-selection-color: #e0f7fa !default;
$dynamic-table-row-height: 56px !default;
$dynamic-table-column-spacing: 36px !default;
@ -19,7 +20,6 @@ dynamic-table-widget .adf-label {
}
.adf {
&-dynamic-table-scrolling {
overflow: auto;
}
@ -43,14 +43,17 @@ dynamic-table-widget .adf-label {
tr {
position: relative;
height: $dynamic-table-row-height;
@include material-animation-default(0.28s);
transition-property: background-color;
&:hover {
background-color: $dynamic-table-hover-color;
}
&.adf-is-selected, &.adf-is-selected:hover {
&.adf-is-selected,
&.adf-is-selected:hover {
background-color: $dynamic-table-selection-color;
}
@ -61,7 +64,8 @@ dynamic-table-widget .adf-label {
}
}
td, th {
td,
th {
padding: 0 $dynamic-table-column-padding 12px $dynamic-table-column-padding;
text-align: center;
@ -85,11 +89,13 @@ dynamic-table-widget .adf-label {
box-sizing: border-box;
@include adf-no-select;
cursor: default;
}
th {
@include adf-no-select;
cursor: pointer;
position: relative;
vertical-align: bottom;
@ -105,6 +111,7 @@ dynamic-table-widget .adf-label {
&.adf-sortable {
@include adf-no-select;
&:hover {
cursor: pointer;
}
@ -113,20 +120,25 @@ dynamic-table-widget .adf-label {
&.adf-dynamic-table__header--sorted-asc,
&.adf-dynamic-table__header--sorted-desc {
color: var(--theme-text-fg-color);
&::before {
@include typo-icon;
font-size: $dynamic-table-header-sort-icon-size;
content: '\e5d8';
margin-right: 5px;
vertical-align: sub;
}
&:hover {
cursor: pointer;
&::before {
color: var(--theme-disabled-text-color);
}
}
}
&.adf-dynamic-table__header--sorted-desc::before {
content: '\e5db';
}

View File

@ -1,4 +1,3 @@
.adf {
&-text-editor {
width: 100%;

View File

@ -1,5 +1,4 @@
.adf {
&-checkbox-label {
position: relative;
cursor: pointer;
@ -7,5 +6,4 @@
line-height: 24px;
margin: 0;
}
}

View File

@ -1,4 +1,3 @@
.adf {
&-text-editor {
width: 100%;

View File

@ -1,4 +1,3 @@
.adf-error-text {
width: 85%;
}

View File

@ -1,3 +1,4 @@
/* stylelint-disable no-descending-specificity */
ul > li > form-field > .adf-focus {
.adf-label {
color: var(--theme-primary-color);
@ -5,7 +6,6 @@ ul > li > form-field > .adf-focus {
}
.adf {
&-error-text-container {
height: 20px;
margin-top: -12px;
@ -27,31 +27,30 @@ ul > li > form-field > .adf-focus {
}
&-label {
color: rgb(186, 186, 186);;
color: rgb(186, 186, 186);
}
&-invalid {
.mat-form-field-underline {
background-color: #f44336 !important;
}
.mat-checkbox {
color: var(--theme-warn-color);
.mat-checkbox-frame {
border-color: var(--theme-warn-color);
}
}
.mat-select {
&-value {
color: var(--theme-warn-color);
}
&-arrow {
color: var(--theme-warn-color);
}
}
.adf-file {
@ -68,6 +67,7 @@ ul > li > form-field > .adf-focus {
.adf-label {
color: var(--theme-warn-color);
&::after {
background-color: var(--theme-warn-color);
}
@ -75,11 +75,12 @@ ul > li > form-field > .adf-focus {
}
}
/* query for Microsoft IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
adf-form-field {
.mat-input-element, .mat-select, .mat-form-field {
.mat-input-element,
.mat-select,
.mat-form-field {
display: block !important;
}
}

View File

@ -1,5 +1,4 @@
.adf {
&-group-widget {
width: 100%;
}

View File

@ -1,6 +1,6 @@
.adf-hyperlink-widget {
padding: 0.4375em 0;
border-top: 0.84375em solid transparent;
border-top: 0.8438em solid transparent;
a {
color: var(--theme-primary-color);

View File

@ -1,7 +1,7 @@
.adf {
&-multiline-text-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 20px;
}
@ -26,5 +26,4 @@
&-multiline-required-message {
display: flex;
}
}

View File

@ -1,6 +1,7 @@
.adf {
&-number-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 20px;
}

View File

@ -1,5 +1,4 @@
.adf {
&-people-widget {
width: 100%;

View File

@ -1,5 +1,4 @@
.adf {
&-radio-button-container {
margin-bottom: 15px;
display: flex;
@ -16,5 +15,4 @@
&-radio-button {
margin: 5px;
}
}

View File

@ -1,6 +1,7 @@
.adf {
&-text-widget {
width: 100%;
.mat-form-field-label-wrapper {
top: 20px;
}

View File

@ -1,5 +1,4 @@
.adf {
&-typeahead-widget-container {
position: relative;
display: block;

View File

@ -1,9 +1,8 @@
.adf {
&-upload-folder-widget {
width: 100%;
word-break: break-all;
padding: 0.4375em 0;
border-top: 0.84375em solid transparent;
border-top: 0.8438em solid transparent;
}
}

View File

@ -1,5 +1,4 @@
.adf {
&-upload-widget-container {
margin-bottom: 15px;
@ -12,7 +11,7 @@
width: 100%;
word-break: break-all;
padding: 0.4375em 0;
border-top: 0.84375em solid transparent;
border-top: 0.8438em solid transparent;
}
&-upload-widget__icon {
@ -30,5 +29,4 @@
margin-bottom: 0;
}
}
}

View File

@ -10,6 +10,7 @@ $adf-info-drawer-icon-size: 48px !default;
&-info-drawer-layout {
@include flex-column;
overflow: auto;
width: 100%;
background-color: var(--theme-background-color);
@ -35,6 +36,7 @@ $adf-info-drawer-icon-size: 48px !default;
&-buttons {
padding-right: 18px;
mat-icon {
cursor: pointer;
}

View File

@ -1,5 +1,4 @@
.adf {
&-info-drawer {
display: block;
@ -8,7 +7,6 @@
}
& &-layout {
&-content {
padding: 0;

View File

@ -1,4 +1,3 @@
adf-layout-header .mat-toolbar-single-row {
color: var(--adf-header-text-color) !important;
background-color: var(--adf-header-background-color);

View File

@ -8,6 +8,7 @@ adf-layout-container {
.adf-container-full-width {
width: inherit;
}
/* query for Microsoft IE 11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.adf-container-full-width {
@ -15,7 +16,6 @@ adf-layout-container {
}
}
.adf-sidenav--hidden {
visibility: hidden !important;
width: 0 !important;

View File

@ -11,26 +11,31 @@
background-color: var(--theme-primary-color);
color: var(--theme-primary-color-default-contrast) !important;
border-radius: 4px;
& mat-icon {
width: 24px;
height: 25px;
color: var(--theme-primary-color-default-contrast) !important;
}
}
&-text {
width: 100%;
height: 20px;
text-align: left;
}
}
&-sidebar-action-menu-icon {
margin: 18px 0 0 20px;
color: var(--theme-text-color);
cursor: pointer;
&:hover {
color: var(--theme-primary-color);
}
}
&-sidebar-action-menu-options {
text-align: left;
letter-spacing: -0.4px;
@ -42,11 +47,13 @@
line-height: 1.5;
letter-spacing: -0.4px;
}
.mat-menu-item:hover {
color: var(--theme-primary-color);
opacity: inherit;
}
}
&-sidebar-action-menu-panel {
margin-top: 7.5px;
border-radius: 2px;

View File

@ -2,7 +2,6 @@
@import '../../../styles/mixins';
.adf-sidenav-layout {
&-full-space {
display: flex;
flex-direction: column;
@ -14,6 +13,7 @@
}
@include flex-column;
width: 100%;
.adf-layout__content {
@ -33,6 +33,7 @@
.mat-drawer-content {
@include flex-column;
position: unset;
overflow: auto;
}

View File

@ -83,10 +83,8 @@
.adf-error-message {
display: flex;
box-orient: horizontal;
flex-direction: row;
justify-content: flex-start;
color: var(--theme-warn-color);
padding: 0;
margin-bottom: 4px;
@ -144,20 +142,8 @@
}
.adf-interactive-login-label {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
flex-direction: row;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
justify-content: center;
}
@ -168,7 +154,6 @@
.adf-login-checking-spinner > svg > circle {
stroke-width: 16% !important;
}
.adf-login-controls {
@ -179,24 +164,13 @@
.adf-login-action {
margin-top: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
flex-direction: row;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
box-pack: space-between;
justify-content: space-between;
}
.adf-login-action-left a, .adf-login-action-right a {
.adf-login-action-left a,
.adf-login-action-right a {
text-decoration: none;
}
@ -226,8 +200,10 @@
}
.adf-login__field input:-webkit-autofill {
/* stylelint-disable */
-webkit-box-shadow: 0 0 0 1000px var(--theme-dialog-bg-color) inset;
-webkit-text-fill-color: var(--theme-text-fg-color) !important;
/* stylelint-enable */
}
.adf-login-validation {

View File

@ -25,7 +25,8 @@
background-color: var(--theme-bg-hover-color);
}
&-message, &-no-message {
&-message,
&-no-message {
font-size: 13px !important;
}
@ -36,7 +37,6 @@
&-initiator {
margin: 4px;
}
}
&-notification-initiator-pic {

View File

@ -1,15 +1,15 @@
@import '~@angular/flex-layout/mq';
$adf-pagination--height: 48px !default;
$adf-pagination--icon-button-size: 32px !default;
$adf-pagination--border: none !default;
$adf-pagination__empty--height: 48px !default;
$adf-pagination__empty--border: none !default;
$adf-pagination-height: 48px !default;
$adf-pagination-icon-button-size: 32px !default;
$adf-pagination-border: none !default;
$adf-pagination-empty-height: 48px !default;
$adf-pagination-empty-border: none !default;
.adf-pagination {
display: flex;
border-top: $adf-pagination--border;
height: $adf-pagination--height;
border-top: $adf-pagination-border;
height: $adf-pagination-height;
line-height: 20px;
color: var(--theme-text-fg-color);
@ -17,7 +17,7 @@ $adf-pagination__empty--border: none !default;
display: flex;
align-items: center;
padding: 0 8px;
border-right: $adf-pagination--border;
border-right: $adf-pagination-border;
&:first-child {
flex: 1 1 auto;
@ -54,10 +54,12 @@ $adf-pagination__empty--border: none !default;
margin-left: 10px;
}
&__max-items, &__current-page {
&__max-items,
&__current-page {
margin-right: 5px;
&, & + button {
&,
& + button {
color: var(--theme-text-fg-color);
}
@ -66,7 +68,8 @@ $adf-pagination__empty--border: none !default;
}
}
&__previous-button, &__next-button {
&__previous-button,
&__next-button {
margin: 0 5px;
}
@ -75,13 +78,13 @@ $adf-pagination__empty--border: none !default;
}
&.adf-pagination__empty {
border-top: $adf-pagination__empty--border;
height: $adf-pagination__empty--height;
border-top: $adf-pagination-empty-border;
height: $adf-pagination-empty-height;
}
button[mat-icon-button] {
width: $adf-pagination--icon-button-size;
height: $adf-pagination--icon-button-size;
line-height: $adf-pagination--icon-button-size;
width: $adf-pagination-icon-button-size;
height: $adf-pagination-icon-button-size;
line-height: $adf-pagination-icon-button-size;
}
}

View File

@ -15,7 +15,6 @@
}
.adf {
&-search-fixed-text {
line-height: normal;
}
@ -23,10 +22,12 @@
&-input-form-field-divider {
.mat-form-field-underline {
background-color: var(--adf-search-input-bg-color);
.mat-form-field-ripple {
background-color: var(--adf-search-input-bg-color);
}
}
font-size: 16px;
}
}

View File

@ -1,4 +1,4 @@
/* stylelint-disable */
// Accent color palette
$black-87-opacity: rgba(black, 0.87);
$white-87-opacity: rgba(white, 0.87);
@ -237,3 +237,4 @@ $alfresco-accent-orange: (
A700: black,
)
);
/* stylelint-enable */

View File

@ -1,10 +1,14 @@
/* stylelint-disable value-keyword-case */
/* stylelint-disable value-list-max-empty-lines */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-disable scss/at-import-partial-extension */
@import './default-class';
@import './theming';
@import '../form/components/widgets/form.theme';
@import '../clipboard/clipboard.theme';
@import './snackbar.theme';
@import './material.theme';
@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
@mixin alfresco-material-theme($theme) {
@include adf-core-theme($theme);
@ -103,6 +107,6 @@
}
@include mat-datetimepicker-theme($theme);
@include adf-snackbar-theme();
@include adf-material-theme();
@include adf-snackbar-theme;
@include adf-material-theme;
}

View File

@ -1,9 +1,12 @@
/* stylelint-disable font-family-no-missing-generic-family-keyword */
@mixin adf-no-select {
/* stylelint-disable */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
/* stylelint-enable */
user-select: none;
}
@ -18,8 +21,6 @@
display: inline-block;
word-wrap: normal;
font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
@mixin material-animation-default($duration: 0.2s) {

View File

@ -1,5 +1,4 @@
@mixin adf-material-theme() {
.mat-expansion-panel {
& .mat-expansion-panel-header.cdk-keyboard-focused,
& .mat-expansion-panel-header.cdk-program-focused,
@ -20,6 +19,7 @@
}
}
}
.mat-calendar-content {
.mat-calendar-table-header th {
color: var(--theme-text-color);

Some files were not shown because too many files have changed in this diff Show More