mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
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:
parent
cd02fb2040
commit
28bdab1146
6
.vscode/extensions.json
vendored
Normal file
6
.vscode/extensions.json
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
{
|
||||
"recommendations": [
|
||||
"stylelint.vscode-stylelint",
|
||||
"editorconfig.editorconfig",
|
||||
]
|
||||
}
|
9
.vscode/settings.json
vendored
9
.vscode/settings.json
vendored
@ -24,5 +24,12 @@
|
||||
"scss.validate": false,
|
||||
"stylelint.config": {
|
||||
"extends": "./stylelint-config"
|
||||
}
|
||||
},
|
||||
"stylelint.configFile": "stylelint-config.json",
|
||||
"stylelint.validate": [
|
||||
"css",
|
||||
"less",
|
||||
"postcss",
|
||||
"scss"
|
||||
]
|
||||
}
|
||||
|
@ -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%;
|
||||
|
@ -26,7 +26,7 @@
|
||||
|
||||
p {
|
||||
display: block;
|
||||
font-family: monospace, monospace;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
@ -22,7 +22,7 @@
|
||||
|
||||
p {
|
||||
display: block;
|
||||
font-family: monospace, monospace;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
|
||||
.app {
|
||||
|
||||
&-task-detail-container {
|
||||
display: flex;
|
||||
}
|
||||
|
@ -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%;
|
||||
|
@ -11,5 +11,4 @@
|
||||
margin-left: 10px;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -1,6 +1,4 @@
|
||||
|
||||
.app {
|
||||
|
||||
&-task-detail-container {
|
||||
display: flex;
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.app {
|
||||
|
||||
&-appName-input {
|
||||
width: 500px;
|
||||
margin-right: 50px;
|
||||
|
@ -1,5 +1,4 @@
|
||||
.app-content-node-selector-demo {
|
||||
|
||||
&-main {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -26,7 +26,7 @@
|
||||
|
||||
p {
|
||||
display: block;
|
||||
font-family: monospace, monospace;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -15,7 +15,6 @@
|
||||
}
|
||||
|
||||
.app-home-headline {
|
||||
|
||||
h1 {
|
||||
font-size: 56px;
|
||||
font-weight: 300;
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -14,7 +14,6 @@
|
||||
}
|
||||
|
||||
.app-logout-headline {
|
||||
|
||||
h1 {
|
||||
font-size: 56px;
|
||||
font-weight: 300;
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
.app-search-elements {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -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%;
|
||||
}
|
||||
|
@ -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%;
|
||||
}
|
||||
|
@ -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%;
|
||||
}
|
||||
|
@ -2,7 +2,6 @@
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
.app-social-example-title {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
@ -2,7 +2,6 @@
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
|
||||
.app-tag-example-title {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -0,0 +1 @@
|
||||
/* empty 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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf-content-metadata-card {
|
||||
|
||||
.mat-card {
|
||||
padding: 0;
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -1,5 +1,6 @@
|
||||
.adf-name-location-cell {
|
||||
display: grid;
|
||||
|
||||
&-location {
|
||||
color: var(--theme-text-color);
|
||||
font-size: 12px;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
|
@ -126,7 +126,6 @@
|
||||
}
|
||||
|
||||
.adf-empty-folder {
|
||||
|
||||
&-this-space-is-empty {
|
||||
height: 32px;
|
||||
font-size: 24px;
|
||||
|
@ -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;
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -3,6 +3,7 @@
|
||||
&[disabled] {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
&:enabled {
|
||||
color: var(--theme-primary-color);
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
@ -26,6 +26,7 @@
|
||||
|
||||
&-people-select-icon {
|
||||
margin: 0 !important;
|
||||
|
||||
svg {
|
||||
fill: var(--theme-accent-color);
|
||||
width: 40px;
|
||||
|
@ -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;
|
||||
|
@ -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);
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf-filter {
|
||||
|
||||
&-button {
|
||||
margin-left: -7px !important;
|
||||
|
||||
|
@ -38,6 +38,7 @@
|
||||
|
||||
&-menu + * .mat-menu-panel {
|
||||
@include mat-elevation(2);
|
||||
|
||||
border-radius: 6px;
|
||||
|
||||
.mat-menu-content {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -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; }
|
||||
|
@ -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;
|
||||
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
adf-about {
|
||||
|
||||
.adf-about-container {
|
||||
margin: 10px 0 5px 2px;
|
||||
}
|
||||
@ -7,6 +6,4 @@ adf-about {
|
||||
header {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -1,3 +1,4 @@
|
||||
/* stylelint-disable no-descending-specificity */
|
||||
.adf {
|
||||
&-invisible-date-input {
|
||||
height: 2px;
|
||||
|
@ -34,7 +34,8 @@
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.mat-header-row, .mat-row {
|
||||
.mat-header-row,
|
||||
.mat-row {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
@ -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);
|
||||
}
|
||||
|
@ -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);
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
@ -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%;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -3,9 +3,9 @@
|
||||
.mat-form-field-suffix {
|
||||
top: 26px;
|
||||
}
|
||||
|
||||
.mat-form-field-label-wrapper {
|
||||
top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -3,6 +3,7 @@
|
||||
.mat-form-field-suffix {
|
||||
top: 26px;
|
||||
}
|
||||
|
||||
.mat-form-field-label-wrapper {
|
||||
top: 20px;
|
||||
}
|
||||
|
@ -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';
|
||||
}
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
.adf {
|
||||
&-text-editor {
|
||||
width: 100%;
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf {
|
||||
|
||||
&-checkbox-label {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
@ -7,5 +6,4 @@
|
||||
line-height: 24px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -1,4 +1,3 @@
|
||||
|
||||
.adf {
|
||||
&-text-editor {
|
||||
width: 100%;
|
||||
|
@ -1,4 +1,3 @@
|
||||
.adf-error-text {
|
||||
width: 85%;
|
||||
}
|
||||
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf {
|
||||
|
||||
&-group-widget {
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -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);
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -1,6 +1,7 @@
|
||||
.adf {
|
||||
&-number-widget {
|
||||
width: 100%;
|
||||
|
||||
.mat-form-field-label-wrapper {
|
||||
top: 20px;
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf {
|
||||
|
||||
&-people-widget {
|
||||
width: 100%;
|
||||
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf {
|
||||
|
||||
&-radio-button-container {
|
||||
margin-bottom: 15px;
|
||||
display: flex;
|
||||
@ -16,5 +15,4 @@
|
||||
&-radio-button {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -1,6 +1,7 @@
|
||||
.adf {
|
||||
&-text-widget {
|
||||
width: 100%;
|
||||
|
||||
.mat-form-field-label-wrapper {
|
||||
top: 20px;
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf {
|
||||
|
||||
&-typeahead-widget-container {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -1,5 +1,4 @@
|
||||
.adf {
|
||||
|
||||
&-info-drawer {
|
||||
display: block;
|
||||
|
||||
@ -8,7 +7,6 @@
|
||||
}
|
||||
|
||||
& &-layout {
|
||||
|
||||
&-content {
|
||||
padding: 0;
|
||||
|
||||
|
@ -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);
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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 {
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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 */
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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) {
|
||||
|
@ -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
Loading…
x
Reference in New Issue
Block a user