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:
dependabot[bot]
GitHub
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,
|
"scss.validate": false,
|
||||||
"stylelint.config": {
|
"stylelint.config": {
|
||||||
"extends": "./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) {
|
@media screen and (max-width: 599px) {
|
||||||
app-search-bar {
|
app-search-bar {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
@ -49,8 +48,6 @@ adf-file-uploading-dialog {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 599px) {}
|
|
||||||
|
|
||||||
mat-sidenav-content > div {
|
mat-sidenav-content > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: monospace, monospace;
|
font-family: monospace;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,7 +22,7 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: monospace, monospace;
|
font-family: monospace;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,8 +1,8 @@
|
|||||||
.app-app-crumb {
|
.app-app-crumb {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-filter-crumb {
|
.app-filter-crumb {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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,
|
||||||
padding-left: 0 !important;
|
app-cloud-process-filters .app-filters__entry {
|
||||||
|
padding-left: 0 !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
.app-cloud-layout-overflow {
|
.app-cloud-layout-overflow {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-cloud-layout-tab-body .mat-tab-body-wrapper {
|
.app-cloud-layout-tab-body .mat-tab-body-wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -4,11 +4,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-cloud-layout-overflow {
|
&-cloud-layout-overflow {
|
||||||
width:67%;
|
width: 67%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-process-cloud-header {
|
&-process-cloud-header {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,20 +1,18 @@
|
|||||||
|
|
||||||
.app {
|
.app {
|
||||||
|
|
||||||
&-task-detail-container {
|
&-task-detail-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-task-title {
|
&-task-title {
|
||||||
margin-left:15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-task-control {
|
&-task-control {
|
||||||
width:70%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-demop-card-container {
|
&-demop-card-container {
|
||||||
width:30%;
|
width: 30%;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,11 +1,12 @@
|
|||||||
.app {
|
.app {
|
||||||
&-section {
|
&-section {
|
||||||
mat-card-title {
|
mat-card-title {
|
||||||
font-size:18px;
|
font-size: 18px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
mat-radio-group {
|
mat-radio-group {
|
||||||
margin:7px 10px;
|
margin: 7px 10px;
|
||||||
|
|
||||||
mat-radio-button {
|
mat-radio-button {
|
||||||
margin: 0 3px;
|
margin: 0 3px;
|
||||||
@ -13,17 +14,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
mat-card-content {
|
mat-card-content {
|
||||||
|
|
||||||
.app-preselect-value {
|
.app-preselect-value {
|
||||||
margin-right: 15px;
|
margin-right: 15px;
|
||||||
min-width: 25%;
|
min-width: 25%;
|
||||||
|
|
||||||
&-big {
|
&-big {
|
||||||
width:60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-full {
|
&-full {
|
||||||
width:100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,15 +1,14 @@
|
|||||||
.app {
|
.app {
|
||||||
&-process-cloud-container {
|
&-process-cloud-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-cloud-layout-overflow {
|
&-cloud-layout-overflow {
|
||||||
width:67%;
|
width: 67%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-process-cloud-header {
|
&-process-cloud-header {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|||||||
@ -1,20 +1,18 @@
|
|||||||
|
|
||||||
.app {
|
.app {
|
||||||
|
|
||||||
&-task-detail-container {
|
&-task-detail-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-task-title {
|
&-task-title {
|
||||||
margin-left:15px;
|
margin-left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-task-control {
|
&-task-control {
|
||||||
width:70%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-demop-card-container {
|
&-demop-card-container {
|
||||||
width:30%;
|
width: 30%;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.app {
|
.app {
|
||||||
|
|
||||||
&-appName-input {
|
&-appName-input {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
margin-right: 50px;
|
margin-right: 50px;
|
||||||
|
|||||||
@ -11,6 +11,6 @@
|
|||||||
|
|
||||||
.app-list-configurations-buttons {
|
.app-list-configurations-buttons {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
margin-left: 30%;
|
margin-left: 30%;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.app-content-node-selector-demo {
|
.app-content-node-selector-demo {
|
||||||
|
|
||||||
&-main {
|
&-main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -10,8 +9,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-basic-table {
|
&-basic-table {
|
||||||
height:400px;
|
height: 400px;
|
||||||
width:700px;
|
width: 700px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-basic-label {
|
&-basic-label {
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
display: block;
|
display: block;
|
||||||
font-family: monospace, monospace;
|
font-family: monospace;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
.app-content {
|
.app-content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
.mat-card {
|
.mat-card {
|
||||||
padding: 16px 24px;
|
padding: 16px 24px;
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
@ -13,7 +14,9 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-form-field, input, select {
|
.mat-form-field,
|
||||||
|
input,
|
||||||
|
select {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
|||||||
@ -15,7 +15,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.app-home-headline {
|
.app-home-headline {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 56px;
|
font-size: 56px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
|||||||
@ -21,16 +21,19 @@
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-mobile-settings, .app-mobile-setting-button {
|
.app-mobile-settings,
|
||||||
|
.app-mobile-setting-button {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 959px) {
|
@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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-mobile-settings, .app-mobile-setting-button {
|
.app-mobile-settings,
|
||||||
|
.app-mobile-setting-button {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -14,7 +14,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.app-logout-headline {
|
.app-logout-headline {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 56px;
|
font-size: 56px;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
|
|||||||
@ -7,8 +7,10 @@
|
|||||||
.app-grid {
|
.app-grid {
|
||||||
.app-grid-item {
|
.app-grid-item {
|
||||||
margin: 4px;
|
margin: 4px;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
box-shadow:
|
||||||
0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
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;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
|
|
||||||
.app-search-elements {
|
.app-search-elements {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -11,9 +11,12 @@ div.app-search-results-container {
|
|||||||
:host .app-col-display-name {
|
:host .app-col-display-name {
|
||||||
min-width: 100px;
|
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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host div.app-search-results-container table {
|
:host div.app-search-results-container table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -35,9 +35,12 @@ div.app-search-results-container {
|
|||||||
:host .app-col-display-name {
|
:host .app-col-display-name {
|
||||||
min-width: 100px;
|
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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host div.app-search-results-container table {
|
:host div.app-search-results-container table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -37,9 +37,12 @@ div.app-search-results-container {
|
|||||||
:host .app-col-display-name {
|
:host .app-col-display-name {
|
||||||
min-width: 100px;
|
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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host div.app-search-results-container table {
|
:host div.app-search-results-container table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,6 @@
|
|||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.app-social-example-title {
|
.app-social-example-title {
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,7 +2,6 @@
|
|||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.app-tag-example-title {
|
.app-tag-example-title {
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,3 @@
|
|||||||
.example-full-width {
|
.example-full-width {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,22 +1,24 @@
|
|||||||
@import '~@angular/material/theming';
|
@import '~@angular/material/theming';
|
||||||
@import '../../lib/core/styles/index';
|
@import '../../lib/core/styles/index';
|
||||||
|
|
||||||
@include mat-core($alfresco-typography);
|
@include mat-core($alfresco-typography);
|
||||||
|
|
||||||
$primary: mat-palette($alfresco-accent-orange);
|
$primary: mat-palette($alfresco-accent-orange);
|
||||||
$accent: mat-palette($alfresco-accent-purple);
|
$accent: mat-palette($alfresco-accent-purple);
|
||||||
$warn: mat-palette($alfresco-warn);
|
$warn: mat-palette($alfresco-warn);
|
||||||
$theme: mat-light-theme((
|
$theme: mat-light-theme(
|
||||||
color: (
|
(
|
||||||
primary: $primary,
|
color: (
|
||||||
accent: $accent,
|
primary: $primary,
|
||||||
|
accent: $accent,
|
||||||
|
)
|
||||||
)
|
)
|
||||||
));
|
);
|
||||||
|
|
||||||
@include angular-material-theme($theme);
|
@include angular-material-theme($theme);
|
||||||
@include alfresco-material-theme($theme);
|
@include alfresco-material-theme($theme);
|
||||||
|
|
||||||
body, html {
|
body,
|
||||||
|
html {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -1,22 +1,24 @@
|
|||||||
@import '~@angular/material/theming';
|
@import '~@angular/material/theming';
|
||||||
@import '~@alfresco/adf-core/theming';
|
@import '~@alfresco/adf-core/theming';
|
||||||
|
|
||||||
@include mat-core($alfresco-typography);
|
@include mat-core($alfresco-typography);
|
||||||
|
|
||||||
$primary: mat-palette($alfresco-accent-orange);
|
$primary: mat-palette($alfresco-accent-orange);
|
||||||
$accent: mat-palette($alfresco-accent-purple);
|
$accent: mat-palette($alfresco-accent-purple);
|
||||||
$warn: mat-palette($alfresco-warn);
|
$warn: mat-palette($alfresco-warn);
|
||||||
$theme: mat-light-theme((
|
$theme: mat-light-theme(
|
||||||
color: (
|
(
|
||||||
primary: $primary,
|
color: (
|
||||||
accent: $accent,
|
primary: $primary,
|
||||||
|
accent: $accent,
|
||||||
|
)
|
||||||
)
|
)
|
||||||
));
|
);
|
||||||
|
|
||||||
@include angular-material-theme($theme);
|
@include angular-material-theme($theme);
|
||||||
@include alfresco-material-theme($theme);
|
@include alfresco-material-theme($theme);
|
||||||
|
|
||||||
body, html {
|
body,
|
||||||
|
html {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -0,0 +1 @@
|
|||||||
|
/* empty file */
|
||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-aspect-list-spinner {
|
&-aspect-list-spinner {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -8,7 +7,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-aspect-list-container {
|
&-aspect-list-container {
|
||||||
|
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@ -26,7 +24,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-accordion-aspect-list {
|
.adf-accordion-aspect-list {
|
||||||
|
|
||||||
.mat-expansion-panel-spacing {
|
.mat-expansion-panel-spacing {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
$dropdownHorizontalOffset: 30px;
|
$dropdown-horizontal-offset: 30px;
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
&-dropdown-breadcrumb {
|
&-dropdown-breadcrumb {
|
||||||
@ -81,20 +81,20 @@ $dropdownHorizontalOffset: 30px;
|
|||||||
|
|
||||||
[dir='ltr'] .adf {
|
[dir='ltr'] .adf {
|
||||||
&-dropdown-breadcrumb-path {
|
&-dropdown-breadcrumb-path {
|
||||||
margin-left: -$dropdownHorizontalOffset;
|
margin-left: -$dropdown-horizontal-offset;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-current-folder {
|
&-current-folder {
|
||||||
margin-left: $dropdownHorizontalOffset;
|
margin-left: $dropdown-horizontal-offset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[dir='rtl'] .adf {
|
[dir='rtl'] .adf {
|
||||||
&-dropdown-breadcrumb-path {
|
&-dropdown-breadcrumb-path {
|
||||||
margin-right: -$dropdownHorizontalOffset;
|
margin-right: -$dropdown-horizontal-offset;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-current-folder {
|
&-current-folder {
|
||||||
margin-right: $dropdownHorizontalOffset;
|
margin-right: $dropdown-horizontal-offset;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf-content-metadata-card {
|
.adf-content-metadata-card {
|
||||||
|
|
||||||
.mat-card {
|
.mat-card {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
$content-node-selector-thumbnail-width: 35px !default;
|
$content-node-selector-thumbnail-width: 35px !default;
|
||||||
|
|
||||||
.adf-search-results-label {
|
.adf-search-results-label {
|
||||||
@ -22,7 +23,6 @@ $content-node-selector-thumbnail-width: 35px !default;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-content-node-selector {
|
.adf-content-node-selector {
|
||||||
|
|
||||||
&-search-panel-container {
|
&-search-panel-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
@ -66,12 +66,12 @@ $content-node-selector-thumbnail-width: 35px !default;
|
|||||||
.mat-select-trigger {
|
.mat-select-trigger {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&-breadcrumb {
|
&-breadcrumb {
|
||||||
.adf-dropdown-breadcrumb-trigger {
|
.adf-dropdown-breadcrumb-trigger {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|
||||||
.mat-icon {
|
.mat-icon {
|
||||||
color: var(--adf-node-selector-base-color);
|
color: var(--adf-node-selector-base-color);
|
||||||
|
|
||||||
@ -145,8 +145,7 @@ $content-node-selector-thumbnail-width: 35px !default;
|
|||||||
.adf-datatable-body .adf-datatable-row {
|
.adf-datatable-body .adf-datatable-row {
|
||||||
min-height: 40px;
|
min-height: 40px;
|
||||||
|
|
||||||
@media screen and (-ms-high-contrast: active),
|
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
|
||||||
screen and (-ms-high-contrast: none) {
|
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -32,9 +32,10 @@ adf-content-node-selector {
|
|||||||
adf-upload-drag-area {
|
adf-upload-drag-area {
|
||||||
adf-empty-list {
|
adf-empty-list {
|
||||||
.adf-empty-folder-drag-drop {
|
.adf-empty-folder-drag-drop {
|
||||||
min-height:46px;
|
min-height: 46px;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-empty-folder-image {
|
.adf-empty-folder-image {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 460px;
|
width: 460px;
|
||||||
@ -92,7 +93,6 @@ adf-content-node-selector {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-choose-action {
|
.adf-choose-action {
|
||||||
|
|
||||||
&[disabled] {
|
&[disabled] {
|
||||||
color: var(--theme-secondary-text-color);
|
color: var(--theme-secondary-text-color);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
.adf-name-location-cell {
|
.adf-name-location-cell {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
||||||
&-location {
|
&-location {
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|||||||
@ -3,7 +3,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-share-link-dialog {
|
.adf-share-link-dialog {
|
||||||
|
|
||||||
.adf-share-link {
|
.adf-share-link {
|
||||||
&__dialog-content {
|
&__dialog-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -34,6 +33,7 @@
|
|||||||
&--row {
|
&--row {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-content-type-dialog {
|
&-content-type-dialog {
|
||||||
.mat-expansion-panel {
|
.mat-expansion-panel {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
@ -28,5 +27,4 @@
|
|||||||
&-content-type-dialog-apply-button {
|
&-content-type-dialog-apply-button {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.adf-fill-remaining-space {
|
.adf-fill-remaining-space {
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
@ -33,4 +32,3 @@
|
|||||||
.adf-dialog-action-button:disabled > span {
|
.adf-dialog-action-button:disabled > span {
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -126,7 +126,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-empty-folder {
|
.adf-empty-folder {
|
||||||
|
|
||||||
&-this-space-is-empty {
|
&-this-space-is-empty {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf-add-permission-dialog {
|
.adf-add-permission-dialog {
|
||||||
|
|
||||||
.mat-dialog-title {
|
.mat-dialog-title {
|
||||||
margin-left: 24px;
|
margin-left: 24px;
|
||||||
margin-right: 24px;
|
margin-right: 24px;
|
||||||
@ -45,7 +44,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-choose-action {
|
.adf-choose-action {
|
||||||
|
|
||||||
&[disabled] {
|
&[disabled] {
|
||||||
color: var(--theme-secondary-text-color);
|
color: var(--theme-secondary-text-color);
|
||||||
}
|
}
|
||||||
@ -59,6 +57,7 @@
|
|||||||
.adf {
|
.adf {
|
||||||
&-search-user-button {
|
&-search-user-button {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.mat-button-wrapper {
|
.mat-button-wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
$search-result-height: calc(100% - 75px);
|
$search-result-height: calc(100% - 75px);
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-permission-result-list {
|
&-permission-result-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: $search-result-height;
|
height: $search-result-height;
|
||||||
@ -68,6 +67,7 @@ $search-result-height: calc(100% - 75px);
|
|||||||
&[disabled] {
|
&[disabled] {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:enabled {
|
&:enabled {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,6 +3,7 @@
|
|||||||
&[disabled] {
|
&[disabled] {
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:enabled {
|
&:enabled {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -50,6 +50,7 @@
|
|||||||
&-permission-role-column-header {
|
&-permission-role-column-header {
|
||||||
position: relative !important;
|
position: relative !important;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
|
|
||||||
.mat-form-field-infix {
|
.mat-form-field-infix {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
@ -88,7 +89,6 @@
|
|||||||
.adf-pop-over-card {
|
.adf-pop-over-card {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 0 8px 9px -5px var(--theme-fg-divider),
|
box-shadow: 0 8px 9px -5px var(--theme-fg-divider), 0 15px 22px 2px var(--theme-fg-divider);
|
||||||
0 15px 22px 2px var(--theme-fg-divider);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -26,6 +26,7 @@
|
|||||||
|
|
||||||
&-people-select-icon {
|
&-people-select-icon {
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: var(--theme-accent-color);
|
fill: var(--theme-accent-color);
|
||||||
width: 40px;
|
width: 40px;
|
||||||
|
|||||||
@ -4,7 +4,6 @@ $mat-menu-overlay-min-width: 112px !default; // 56 * 2
|
|||||||
$mat-menu-overlay-max-width: 280px !default; // 56 * 5
|
$mat-menu-overlay-max-width: 280px !default; // 56 * 5
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-search-result-autocomplete {
|
&-search-result-autocomplete {
|
||||||
@include mat-overridable-elevation(2);
|
@include mat-overridable-elevation(2);
|
||||||
|
|
||||||
@ -12,9 +11,8 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
|
|||||||
max-width: $mat-menu-overlay-max-width;
|
max-width: $mat-menu-overlay-max-width;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
|
|
||||||
transform-origin: top left;
|
transform-origin: top left;
|
||||||
transform:translateX(-40px);
|
transform: translateX(-40px);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
max-height: 400px;
|
max-height: 400px;
|
||||||
margin-left: 45px;
|
margin-left: 45px;
|
||||||
@ -33,7 +31,6 @@ $mat-menu-overlay-max-width: 280px !default; // 56 * 5
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-search-autocomplete-item {
|
&-search-autocomplete-item {
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: var(--theme-bg-hover-color);
|
background-color: var(--theme-bg-hover-color);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
.adf-search-filter-facet {
|
.adf-search-filter-facet {
|
||||||
.adf-checklist {
|
.adf-checklist {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -43,6 +44,7 @@
|
|||||||
.adf-facet-search-icon {
|
.adf-facet-search-icon {
|
||||||
width: 27px;
|
width: 27px;
|
||||||
margin-top: -4px;
|
margin-top: -4px;
|
||||||
|
|
||||||
.mat-icon {
|
.mat-icon {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
@ -83,5 +85,4 @@
|
|||||||
.mat-radio-label {
|
.mat-radio-label {
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,9 @@
|
|||||||
@import '~@angular/material/theming';
|
@import '~@angular/material/theming';
|
||||||
|
|
||||||
.adf-search-filter-chip {
|
.adf-search-filter-chip {
|
||||||
|
|
||||||
&.mat-chip {
|
&.mat-chip {
|
||||||
border: 2px solid transparent;
|
border: 2px solid transparent;
|
||||||
transition : border 500ms ease-in-out;
|
transition: border 500ms ease-in-out;
|
||||||
max-width: 320px;
|
max-width: 320px;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -53,6 +52,7 @@
|
|||||||
&-menu + * .cdk-overlay-pane .mat-menu-panel {
|
&-menu + * .cdk-overlay-pane .mat-menu-panel {
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
|
|
||||||
@include mat-elevation(2);
|
@include mat-elevation(2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf-filter {
|
.adf-filter {
|
||||||
|
|
||||||
&-button {
|
&-button {
|
||||||
margin-left: -7px !important;
|
margin-left: -7px !important;
|
||||||
|
|
||||||
|
|||||||
@ -38,6 +38,7 @@
|
|||||||
|
|
||||||
&-menu + * .mat-menu-panel {
|
&-menu + * .mat-menu-panel {
|
||||||
@include mat-elevation(2);
|
@include mat-elevation(2);
|
||||||
|
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
||||||
.mat-menu-content {
|
.mat-menu-content {
|
||||||
|
|||||||
@ -17,6 +17,7 @@
|
|||||||
.adf-like-select {
|
.adf-like-select {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #2196f3;
|
color: #2196f3;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #808080;
|
color: #808080;
|
||||||
}
|
}
|
||||||
@ -25,9 +26,9 @@
|
|||||||
.adf-like-grey {
|
.adf-like-grey {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #808080;
|
color: #808080;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #2196f3;
|
color: #2196f3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -2,15 +2,15 @@ $adf-rated-star-color: #ffe944;
|
|||||||
$adf-average-star-color: #808080;
|
$adf-average-star-color: #808080;
|
||||||
|
|
||||||
.adf-rating-container {
|
.adf-rating-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.adf-rating-counter-container {
|
.adf-rating-counter-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-rating-left {
|
.adf-rating-left {
|
||||||
padding: 0 6px;
|
padding: 0 6px;
|
||||||
@ -36,14 +36,13 @@ $adf-average-star-color: #808080;
|
|||||||
color: $adf-rated-star-color;
|
color: $adf-rated-star-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-grey-star, .adf-average-star {
|
.adf-grey-star,
|
||||||
|
.adf-average-star {
|
||||||
color: $adf-average-star-color !important;
|
color: $adf-average-star-color !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
[dir='rtl'] .adf-rating-container {
|
[dir='rtl'] .adf-rating-container {
|
||||||
|
|
||||||
.adf-rating-star {
|
.adf-rating-star {
|
||||||
transform: rotate(145deg);
|
transform: rotate(145deg);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,11 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
.adf-upload-dialog {
|
.adf-upload-dialog {
|
||||||
background: var(--theme-dialog-bg-color);
|
background: var(--theme-dialog-bg-color);
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 20px;
|
bottom: 20px;
|
||||||
width: 40%;
|
width: 40%;
|
||||||
box-shadow: 1px 5px 15px #888888;
|
box-shadow: 1px 5px 15px #888;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
|
|
||||||
&--padding {
|
&--padding {
|
||||||
@ -77,5 +78,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[adfUploadDialogLeft] .adf-upload-dialog { left: 25px; }
|
[adfUploadDialogLeft] .adf-upload-dialog { left: 25px; }
|
||||||
[adfUploadDialogRight] .adf-upload-dialog { right: 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) {
|
adf-file-uploading-list-row:not(:first-child) {
|
||||||
display: block;
|
display: block;
|
||||||
@ -23,7 +23,9 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
padding: 0 1em 0 0.5em;
|
padding: 0 1em 0 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__group, &__block, &__file-version {
|
&__group,
|
||||||
|
&__block,
|
||||||
|
&__file-version {
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
@ -34,7 +36,7 @@ adf-file-uploading-list-row:not(:first-child) {
|
|||||||
|
|
||||||
&__group--toggle {
|
&__group--toggle {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display:flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
:host {
|
:host {
|
||||||
display:flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,11 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
$adf-upload-dragging-color: #2196f3 !default;
|
$adf-upload-dragging-color: #2196f3 !default;
|
||||||
$adf-upload-dragging-border: 1px dashed #2196f3 !default;
|
$adf-upload-dragging-border: 1px dashed #2196f3 !default;
|
||||||
$adf-upload-dragging-background: #e3f2fd !default;
|
$adf-upload-dragging-background: #e3f2fd !default;
|
||||||
$adf-upload-dragging-level1-color: #2196f3 !default;
|
$adf-upload-dragging-level1-color: #2196f3 !default;
|
||||||
$adf-upload-dragging-level1-border: 1px dashed #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;
|
color: $text-color;
|
||||||
border: $border !important;
|
border: $border !important;
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
@ -30,12 +31,13 @@ adf-upload-drag-area {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-file-draggable__input-focus {
|
.adf-file-draggable-input-focus {
|
||||||
color: $adf-upload-dragging-color;
|
color: $adf-upload-dragging-color;
|
||||||
border: $adf-upload-dragging-border;
|
border: $adf-upload-dragging-border;
|
||||||
|
|
||||||
adf-document-list {
|
adf-document-list {
|
||||||
background: $adf-upload-dragging-background;
|
background: $adf-upload-dragging-background;
|
||||||
|
|
||||||
adf-datatable > table {
|
adf-datatable > table {
|
||||||
background: inherit;
|
background: inherit;
|
||||||
}
|
}
|
||||||
@ -63,11 +65,8 @@ adf-upload-drag-area {
|
|||||||
&:first-child {
|
&:first-child {
|
||||||
& > div {
|
& > div {
|
||||||
adf-upload-drag-area {
|
adf-upload-drag-area {
|
||||||
.adf-file-draggable__input-focus {
|
.adf-file-draggable-input-focus {
|
||||||
@include file-draggable__input-focus(
|
@include file-draggable-input-focus($adf-upload-dragging-color, $adf-upload-dragging-border);
|
||||||
$adf-upload-dragging-color,
|
|
||||||
$adf-upload-dragging-border
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -77,17 +76,14 @@ adf-upload-drag-area {
|
|||||||
text-align: inherit !important;
|
text-align: inherit !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-file-draggable__input-focus {
|
.adf-file-draggable-input-focus {
|
||||||
color: $adf-upload-dragging-level1-color !important;
|
color: $adf-upload-dragging-level1-color !important;
|
||||||
border: $adf-upload-dragging-level1-border !important;
|
border: $adf-upload-dragging-level1-border !important;
|
||||||
margin-left: 0 !important;
|
margin-left: 0 !important;
|
||||||
|
|
||||||
adf-upload-drag-area {
|
adf-upload-drag-area {
|
||||||
& > div {
|
& > div {
|
||||||
@include file-draggable__input-focus(
|
@include file-draggable-input-focus($adf-upload-dragging-color, $adf-upload-dragging-border);
|
||||||
$adf-upload-dragging-color,
|
|
||||||
$adf-upload-dragging-border
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,13 +5,15 @@
|
|||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-version-current, .adf-version-new {
|
.adf-version-current,
|
||||||
|
.adf-version-new {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-version-current img, .adf-version-new img {
|
.adf-version-current img,
|
||||||
|
.adf-version-new img {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -19,7 +21,8 @@
|
|||||||
font-size: var(--theme-display-4-font-size);
|
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;
|
width: 120px;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
.adf-version-list {
|
.adf-version-list {
|
||||||
.mat-list-item-content {
|
.mat-list-item-content {
|
||||||
border-bottom:1px solid #d8d8d8;
|
border-bottom: 1px solid #d8d8d8;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-item-version {
|
&-item-version {
|
||||||
|
|||||||
@ -28,8 +28,7 @@ adf-version-manager {
|
|||||||
padding: 16px 0;
|
padding: 16px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 0;
|
height: 0;
|
||||||
|
float: left !important;
|
||||||
float: left;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -50,7 +49,3 @@ adf-version-manager {
|
|||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
float: left !important;
|
float: left !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-new-version-uploader-container {
|
|
||||||
float: left !important;
|
|
||||||
}
|
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
adf-about {
|
adf-about {
|
||||||
|
|
||||||
.adf-about-container {
|
.adf-about-container {
|
||||||
margin: 10px 0 5px 2px;
|
margin: 10px 0 5px 2px;
|
||||||
}
|
}
|
||||||
@ -7,6 +6,4 @@ adf-about {
|
|||||||
header {
|
header {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -8,7 +8,8 @@
|
|||||||
color: var(--adf-card-view-text-color);
|
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);
|
color: var(--theme-text-fg-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -22,9 +23,6 @@
|
|||||||
&-array-item-more-chip-container {
|
&-array-item-more-chip-container {
|
||||||
&.mat-card {
|
&.mat-card {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
|
||||||
|
|
||||||
&.mat-card {
|
|
||||||
max-height: 300px;
|
max-height: 300px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
@ -40,6 +38,7 @@
|
|||||||
padding-top: 6px;
|
padding-top: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-chip {
|
.mat-chip {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
.adf {
|
.adf {
|
||||||
&-invisible-date-input {
|
&-invisible-date-input {
|
||||||
height: 2px;
|
height: 2px;
|
||||||
|
|||||||
@ -34,7 +34,8 @@
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-header-row, .mat-row {
|
.mat-header-row,
|
||||||
|
.mat-row {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -170,10 +170,12 @@
|
|||||||
.adf-textitem-edit-icon {
|
.adf-textitem-edit-icon {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-property-clear-value {
|
.adf-property-clear-value {
|
||||||
color: var(--adf-card-view-text-color);
|
color: var(--adf-card-view-text-color);
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-property-clear-value:hover {
|
.adf-property-clear-value:hover {
|
||||||
color: var(--theme-text-fg-color);
|
color: var(--theme-text-fg-color);
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
.adf-property-list {
|
.adf-property-list {
|
||||||
.adf-property {
|
.adf-property {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
@ -6,6 +7,12 @@
|
|||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.adf-property-read-only {
|
||||||
|
.mat-form-field-underline {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.adf-property-field {
|
.adf-property-field {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: -25px;
|
margin-bottom: -25px;
|
||||||
@ -25,12 +32,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-property-read-only {
|
|
||||||
.mat-form-field-underline {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.adf-property-label {
|
.adf-property-label {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
|
|||||||
@ -6,14 +6,14 @@
|
|||||||
padding: 2px 5px;
|
padding: 2px 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
bottom: 93%;
|
bottom: 93%;
|
||||||
left:0;
|
left: 0;
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
min-height: 20px;
|
min-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-sticky-header {
|
.adf-sticky-header {
|
||||||
.adf-copy-tooltip {
|
.adf-copy-tooltip {
|
||||||
top:85% !important;
|
top: 85% !important;
|
||||||
bottom:0 !important;
|
bottom: 0 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,7 +3,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-comment-img-container {
|
&-comment-img-container {
|
||||||
float: left;
|
float: left;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
@ -25,14 +24,16 @@
|
|||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: var(--adf-comment-list-primary-color)
|
background:
|
||||||
radial-gradient(circle, transparent 1%, var(--adf-comment-list-primary-color) 1%)
|
var(--adf-comment-list-primary-color)
|
||||||
center/15000%;
|
radial-gradient(circle, transparent 1%, var(--adf-comment-list-primary-color) 1%)
|
||||||
|
center/15000%;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: var(--adf-comment-list-ripple-color);
|
background-color: var(--adf-comment-list-ripple-color);
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
transition: background 0s;
|
transition: background 0s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -91,5 +92,4 @@
|
|||||||
height: 40px;
|
height: 40px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
@import '~@angular/material/theming';
|
@import '~@angular/material/theming';
|
||||||
@import '../../../styles/mixins';
|
@import '../../../styles/mixins';
|
||||||
|
|
||||||
@ -10,8 +11,8 @@ $data-table-card-padding: 24px !default;
|
|||||||
$data-table-cell-top: $data-table-card-padding / 2;
|
$data-table-cell-top: $data-table-card-padding / 2;
|
||||||
$data-table-thumbnail-width: 50px !default;
|
$data-table-thumbnail-width: 50px !default;
|
||||||
$data-table-cell-min-width: 50px !default;
|
$data-table-cell-min-width: 50px !default;
|
||||||
$data-table-cell-min-width--no-grow: 100px !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-file-size: $data-table-cell-min-width !default;
|
||||||
|
|
||||||
.adf-datatable {
|
.adf-datatable {
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
@ -28,9 +29,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
.adf-datatable-body {
|
.adf-datatable-body {
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
@ -41,13 +40,10 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex: 0 1 24%;
|
flex: 0 1 24%;
|
||||||
|
|
||||||
width: 288px !important;
|
width: 288px !important;
|
||||||
max-width: 288px !important;
|
max-width: 288px !important;
|
||||||
min-width: 288px !important;
|
min-width: 288px !important;
|
||||||
|
|
||||||
height: 200px;
|
height: 200px;
|
||||||
|
|
||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
margin: 6px;
|
margin: 6px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
@ -165,14 +161,12 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
.adf-datatable-checkbox {
|
.adf-datatable-checkbox {
|
||||||
margin: 8px;
|
margin: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-header {
|
.adf-datatable-header {
|
||||||
margin-right: 18px;
|
margin-right: 18px;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-list {
|
.adf-datatable-list {
|
||||||
@ -201,7 +195,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-center-img-ie {
|
.adf-datatable-center-img-ie {
|
||||||
padding:0;
|
padding: 0;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
@ -221,7 +215,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-row {
|
.adf-datatable-row {
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
background-color: var(--theme-bg-hover-color);
|
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);
|
outline: 1px solid var(--theme-accent-color-a200);
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-cell-value, .adf-datatable-cell-header {
|
.adf-cell-value,
|
||||||
|
.adf-datatable-cell-header {
|
||||||
&:focus {
|
&:focus {
|
||||||
outline-offset: -1px;
|
outline-offset: -1px;
|
||||||
outline: 1px solid var(--theme-accent-color-a200);
|
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 {
|
.adf-datatable-row {
|
||||||
@include material-animation-default(0.28s);
|
@include material-animation-default(0.28s);
|
||||||
|
|
||||||
transition-property: background-color;
|
transition-property: background-color;
|
||||||
border-top: 1px solid var(--theme-border-color);
|
border-top: 1px solid var(--theme-border-color);
|
||||||
min-height: $data-table-row-height;
|
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;
|
@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);
|
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 {
|
.adf-datatable-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -275,7 +274,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
width: $data-table-thumbnail-width;
|
width: $data-table-thumbnail-width;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* query for Microsoft IE 11*/
|
/* query for Microsoft IE 11 */
|
||||||
@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) {
|
||||||
.adf-datatable-checkbox {
|
.adf-datatable-checkbox {
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
@ -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;
|
text-align: left;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: $data-table-cell-min-width;
|
min-width: $data-table-cell-min-width;
|
||||||
@ -311,12 +311,13 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
}
|
}
|
||||||
|
|
||||||
&--fileSize {
|
&--fileSize {
|
||||||
min-width: $data-table-cell-min-width--fileSize;
|
min-width: $data-table-cell-min-width-file-size;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-cell-header {
|
.adf-datatable-cell-header {
|
||||||
@include adf-no-select;
|
@include adf-no-select;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
@ -333,9 +334,11 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
|
|
||||||
&.adf-sortable {
|
&.adf-sortable {
|
||||||
@include adf-no-select;
|
@include adf-no-select;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
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-asc,
|
||||||
&.adf-datatable__header--sorted-desc {
|
&.adf-datatable__header--sorted-desc {
|
||||||
color: var(--theme-text-fg-color);
|
color: var(--theme-text-fg-color);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
@include typo-icon;
|
@include typo-icon;
|
||||||
|
|
||||||
font-size: $data-table-header-sort-icon-size;
|
font-size: $data-table-header-sort-icon-size;
|
||||||
content: '\e5d8';
|
content: '\e5d8';
|
||||||
left: 5px;
|
left: 5px;
|
||||||
@ -353,9 +358,11 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.adf-datatable__header--sorted-desc::before {
|
&.adf-datatable__header--sorted-desc::before {
|
||||||
content: '\e5db';
|
content: '\e5db';
|
||||||
}
|
}
|
||||||
|
|
||||||
&.adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc::before,
|
&.adf-datatable-cell--fileSize.adf-datatable__header--sorted-asc::before,
|
||||||
&.adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc::before {
|
&.adf-datatable-cell--fileSize.adf-datatable__header--sorted-desc::before {
|
||||||
left: -3px;
|
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;
|
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;
|
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;
|
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;
|
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;
|
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;
|
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;
|
flex: 1;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -413,11 +428,11 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
padding: 10px;
|
padding: 10px;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
@media screen and (-ms-high-contrast: active),
|
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
|
||||||
screen and (-ms-high-contrast: none) {
|
|
||||||
padding: 17px 10px 10px;
|
padding: 17px 10px 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&--fileSize .adf-datatable-cell-value {
|
&--fileSize .adf-datatable-cell-value {
|
||||||
padding: 0 10px 0 0;
|
padding: 0 10px 0 0;
|
||||||
}
|
}
|
||||||
@ -431,7 +446,8 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable__actions-cell, .adf-datatable-cell--image {
|
.adf-datatable__actions-cell,
|
||||||
|
.adf-datatable-cell--image {
|
||||||
max-width: $data-table-thumbnail-width;
|
max-width: $data-table-thumbnail-width;
|
||||||
display: flex;
|
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,
|
||||||
.adf-datatable-cell-header {
|
.adf-datatable-cell-header {
|
||||||
.adf-datatable-link .adf-datatable-cell-value {
|
.adf-datatable-link .adf-datatable-cell-value {
|
||||||
@ -515,12 +532,13 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-content-cell {
|
.adf-datatable-content-cell {
|
||||||
overflow: unset;
|
overflow: unset;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* query for Microsoft IE 11*/
|
/* query for Microsoft IE 11 */
|
||||||
@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) {
|
||||||
.adf-cell-value {
|
.adf-cell-value {
|
||||||
top: 100%;
|
top: 100%;
|
||||||
@ -569,7 +587,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Utils */
|
/* Utils */
|
||||||
.adf-hidden {
|
.adf-hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@ -586,7 +604,6 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* [Accessibility] Material checkbox labels */
|
/* [Accessibility] Material checkbox labels */
|
||||||
@ -637,6 +654,7 @@ $data-table-cell-min-width--fileSize: $data-table-cell-min-width !default;
|
|||||||
|
|
||||||
.adf-datatable--empty {
|
.adf-datatable--empty {
|
||||||
@include flex-column;
|
@include flex-column;
|
||||||
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: inherit;
|
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);
|
background-color: var(--theme-card-bg-color);
|
||||||
border: none !important;
|
border: none !important;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
cursor: default;
|
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--empty--header-visible {
|
||||||
|
|
||||||
.adf-datatable-header {
|
.adf-datatable-header {
|
||||||
border: 1px solid var(--theme-border-color);
|
border: 1px solid var(--theme-border-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-datatable-body {
|
.adf-datatable-body {
|
||||||
@include flex-column;
|
@include flex-column;
|
||||||
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: 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);
|
background-color: var(--theme-card-bg-color);
|
||||||
border: none !important;
|
border: none !important;
|
||||||
|
|
||||||
&:hover, &:focus {
|
&:hover,
|
||||||
|
&:focus {
|
||||||
background-color: unset;
|
background-color: unset;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,17 +3,17 @@
|
|||||||
height: 300px;
|
height: 300px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
resize: none;
|
resize: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-sizing: border-box; /* For IE and modern versions of Chrome */
|
box-sizing: border-box;
|
||||||
-moz-box-sizing: border-box; /* For Firefox */
|
|
||||||
-webkit-box-sizing: border-box; /* For Safari */
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,12 +6,14 @@
|
|||||||
|
|
||||||
div.adf-tooltip-card {
|
div.adf-tooltip-card {
|
||||||
@include mat-elevation(8);
|
@include mat-elevation(8);
|
||||||
|
|
||||||
background-color: var(--theme-card-bg-color);
|
background-color: var(--theme-card-bg-color);
|
||||||
border: 1px solid var(--theme-primary-color);
|
border: 1px solid var(--theme-primary-color);
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|
||||||
p, div {
|
p,
|
||||||
|
div {
|
||||||
font-size: var(--theme-caption-font-size);
|
font-size: var(--theme-caption-font-size);
|
||||||
color: var(--adf-tooltip-card-color);
|
color: var(--adf-tooltip-card-color);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@ -32,7 +32,6 @@
|
|||||||
& .mat-form-field-wrapper {
|
& .mat-form-field-wrapper {
|
||||||
margin: 0 12px 0 0;
|
margin: 0 12px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&-form-title {
|
&-form-title {
|
||||||
@ -69,7 +68,7 @@
|
|||||||
|
|
||||||
& .adf-invalid-color {
|
& .adf-invalid-color {
|
||||||
color: var(--theme-warn-color);
|
color: var(--theme-warn-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-form-hide-button {
|
&-form-hide-button {
|
||||||
@ -97,7 +96,6 @@
|
|||||||
& .mat-button {
|
& .mat-button {
|
||||||
height: 36px;
|
height: 36px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
& .mat-button-wrapper {
|
& .mat-button-wrapper {
|
||||||
|
|||||||
@ -7,14 +7,7 @@
|
|||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
user-select: none;
|
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 {
|
&.adf-collapsible {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -90,7 +83,6 @@ container-widget {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.mat-focused {
|
.mat-focused {
|
||||||
|
|
||||||
label {
|
label {
|
||||||
transform: scaleX(1);
|
transform: scaleX(1);
|
||||||
transition: transform 150ms linear;
|
transition: transform 150ms linear;
|
||||||
@ -111,5 +103,4 @@ container-widget {
|
|||||||
adf-form-field {
|
adf-form-field {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -3,8 +3,8 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border: 1px solid rgba(117, 117, 117, 0.57);
|
border: 1px solid rgba(117, 117, 117, 0.57);
|
||||||
box-shadow: 1px 1px 2px #dddddd;
|
box-shadow: 1px 1px 2px #ddd;
|
||||||
background-color: #ffffff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-content-widget-preview-text {
|
&-content-widget-preview-text {
|
||||||
|
|||||||
@ -3,9 +3,9 @@
|
|||||||
.mat-form-field-suffix {
|
.mat-form-field-suffix {
|
||||||
top: 26px;
|
top: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-form-field-label-wrapper {
|
.mat-form-field-label-wrapper {
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -3,6 +3,7 @@
|
|||||||
.mat-form-field-suffix {
|
.mat-form-field-suffix {
|
||||||
top: 26px;
|
top: 26px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-form-field-label-wrapper {
|
.mat-form-field-label-wrapper {
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,10 +1,11 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
@import '~@angular/material/theming';
|
@import '~@angular/material/theming';
|
||||||
@import '../../../../styles/mixins';
|
@import '../../../../styles/mixins';
|
||||||
|
|
||||||
$dynamic-table-font-size: 14px !default;
|
$dynamic-table-font-size: 14px !default;
|
||||||
$dynamic-table-header-font-size: 12px !default;
|
$dynamic-table-header-font-size: 12px !default;
|
||||||
$dynamic-table-header-sort-icon-size: 16px !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-selection-color: #e0f7fa !default;
|
||||||
$dynamic-table-row-height: 56px !default;
|
$dynamic-table-row-height: 56px !default;
|
||||||
$dynamic-table-column-spacing: 36px !default;
|
$dynamic-table-column-spacing: 36px !default;
|
||||||
@ -19,7 +20,6 @@ dynamic-table-widget .adf-label {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-dynamic-table-scrolling {
|
&-dynamic-table-scrolling {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
@ -43,14 +43,17 @@ dynamic-table-widget .adf-label {
|
|||||||
tr {
|
tr {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: $dynamic-table-row-height;
|
height: $dynamic-table-row-height;
|
||||||
|
|
||||||
@include material-animation-default(0.28s);
|
@include material-animation-default(0.28s);
|
||||||
|
|
||||||
transition-property: background-color;
|
transition-property: background-color;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background-color: $dynamic-table-hover-color;
|
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;
|
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;
|
padding: 0 $dynamic-table-column-padding 12px $dynamic-table-column-padding;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
@ -85,11 +89,13 @@ dynamic-table-widget .adf-label {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
||||||
@include adf-no-select;
|
@include adf-no-select;
|
||||||
|
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th {
|
||||||
@include adf-no-select;
|
@include adf-no-select;
|
||||||
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
@ -105,6 +111,7 @@ dynamic-table-widget .adf-label {
|
|||||||
|
|
||||||
&.adf-sortable {
|
&.adf-sortable {
|
||||||
@include adf-no-select;
|
@include adf-no-select;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -113,20 +120,25 @@ dynamic-table-widget .adf-label {
|
|||||||
&.adf-dynamic-table__header--sorted-asc,
|
&.adf-dynamic-table__header--sorted-asc,
|
||||||
&.adf-dynamic-table__header--sorted-desc {
|
&.adf-dynamic-table__header--sorted-desc {
|
||||||
color: var(--theme-text-fg-color);
|
color: var(--theme-text-fg-color);
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
@include typo-icon;
|
@include typo-icon;
|
||||||
|
|
||||||
font-size: $dynamic-table-header-sort-icon-size;
|
font-size: $dynamic-table-header-sort-icon-size;
|
||||||
content: '\e5d8';
|
content: '\e5d8';
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
vertical-align: sub;
|
vertical-align: sub;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
color: var(--theme-disabled-text-color);
|
color: var(--theme-disabled-text-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.adf-dynamic-table__header--sorted-desc::before {
|
&.adf-dynamic-table__header--sorted-desc::before {
|
||||||
content: '\e5db';
|
content: '\e5db';
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
&-text-editor {
|
&-text-editor {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-checkbox-label {
|
&-checkbox-label {
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -7,5 +6,4 @@
|
|||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
&-text-editor {
|
&-text-editor {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
.adf-error-text {
|
.adf-error-text {
|
||||||
width: 85%;
|
width: 85%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
|
/* stylelint-disable no-descending-specificity */
|
||||||
ul > li > form-field > .adf-focus {
|
ul > li > form-field > .adf-focus {
|
||||||
.adf-label {
|
.adf-label {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
@ -5,7 +6,6 @@ ul > li > form-field > .adf-focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-error-text-container {
|
&-error-text-container {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin-top: -12px;
|
margin-top: -12px;
|
||||||
@ -27,31 +27,30 @@ ul > li > form-field > .adf-focus {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-label {
|
&-label {
|
||||||
color: rgb(186, 186, 186);;
|
color: rgb(186, 186, 186);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-invalid {
|
&-invalid {
|
||||||
|
|
||||||
.mat-form-field-underline {
|
.mat-form-field-underline {
|
||||||
background-color: #f44336 !important;
|
background-color: #f44336 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-checkbox {
|
.mat-checkbox {
|
||||||
color: var(--theme-warn-color);
|
color: var(--theme-warn-color);
|
||||||
|
|
||||||
.mat-checkbox-frame {
|
.mat-checkbox-frame {
|
||||||
border-color: var(--theme-warn-color);
|
border-color: var(--theme-warn-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-select {
|
.mat-select {
|
||||||
|
|
||||||
&-value {
|
&-value {
|
||||||
color: var(--theme-warn-color);
|
color: var(--theme-warn-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
&-arrow {
|
&-arrow {
|
||||||
color: var(--theme-warn-color);
|
color: var(--theme-warn-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.adf-file {
|
.adf-file {
|
||||||
@ -68,6 +67,7 @@ ul > li > form-field > .adf-focus {
|
|||||||
|
|
||||||
.adf-label {
|
.adf-label {
|
||||||
color: var(--theme-warn-color);
|
color: var(--theme-warn-color);
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
background-color: var(--theme-warn-color);
|
background-color: var(--theme-warn-color);
|
||||||
}
|
}
|
||||||
@ -75,11 +75,12 @@ ul > li > form-field > .adf-focus {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* query for Microsoft IE 11 */
|
||||||
/* query for Microsoft IE 11*/
|
|
||||||
@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) {
|
||||||
adf-form-field {
|
adf-form-field {
|
||||||
.mat-input-element, .mat-select, .mat-form-field {
|
.mat-input-element,
|
||||||
|
.mat-select,
|
||||||
|
.mat-form-field {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-group-widget {
|
&-group-widget {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
.adf-hyperlink-widget {
|
.adf-hyperlink-widget {
|
||||||
padding: 0.4375em 0;
|
padding: 0.4375em 0;
|
||||||
border-top: 0.84375em solid transparent;
|
border-top: 0.8438em solid transparent;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-multiline-text-widget {
|
&-multiline-text-widget {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.mat-form-field-label-wrapper {
|
.mat-form-field-label-wrapper {
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
@ -26,5 +26,4 @@
|
|||||||
&-multiline-required-message {
|
&-multiline-required-message {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
.adf {
|
.adf {
|
||||||
&-number-widget {
|
&-number-widget {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.mat-form-field-label-wrapper {
|
.mat-form-field-label-wrapper {
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-people-widget {
|
&-people-widget {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-radio-button-container {
|
&-radio-button-container {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -16,5 +15,4 @@
|
|||||||
&-radio-button {
|
&-radio-button {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
|
||||||
|
|||||||
@ -1,6 +1,7 @@
|
|||||||
.adf {
|
.adf {
|
||||||
&-text-widget {
|
&-text-widget {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
.mat-form-field-label-wrapper {
|
.mat-form-field-label-wrapper {
|
||||||
top: 20px;
|
top: 20px;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-typeahead-widget-container {
|
&-typeahead-widget-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
|
|||||||
@ -1,9 +1,8 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-upload-folder-widget {
|
&-upload-folder-widget {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
padding: 0.4375em 0;
|
padding: 0.4375em 0;
|
||||||
border-top: 0.84375em solid transparent;
|
border-top: 0.8438em solid transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-upload-widget-container {
|
&-upload-widget-container {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
|
||||||
@ -12,7 +11,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
padding: 0.4375em 0;
|
padding: 0.4375em 0;
|
||||||
border-top: 0.84375em solid transparent;
|
border-top: 0.8438em solid transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
&-upload-widget__icon {
|
&-upload-widget__icon {
|
||||||
@ -30,5 +29,4 @@
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
.adf-icon {
|
.adf-icon {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -10,6 +10,7 @@ $adf-info-drawer-icon-size: 48px !default;
|
|||||||
|
|
||||||
&-info-drawer-layout {
|
&-info-drawer-layout {
|
||||||
@include flex-column;
|
@include flex-column;
|
||||||
|
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: var(--theme-background-color);
|
background-color: var(--theme-background-color);
|
||||||
@ -34,7 +35,8 @@ $adf-info-drawer-icon-size: 48px !default;
|
|||||||
margin-bottom: 40px;
|
margin-bottom: 40px;
|
||||||
|
|
||||||
&-buttons {
|
&-buttons {
|
||||||
padding-right:18px;
|
padding-right: 18px;
|
||||||
|
|
||||||
mat-icon {
|
mat-icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -73,7 +75,7 @@ $adf-info-drawer-icon-size: 48px !default;
|
|||||||
.adf-manage-versions-empty,
|
.adf-manage-versions-empty,
|
||||||
.adf-manage-versions-no-permission {
|
.adf-manage-versions-no-permission {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: $adf-info-drawer-icon-size/2;
|
padding: $adf-info-drawer-icon-size / 2;
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -83,7 +85,7 @@ $adf-info-drawer-icon-size: 48px !default;
|
|||||||
width: $adf-info-drawer-icon-size;
|
width: $adf-info-drawer-icon-size;
|
||||||
height: $adf-info-drawer-icon-size;
|
height: $adf-info-drawer-icon-size;
|
||||||
font-size: $adf-info-drawer-icon-size;
|
font-size: $adf-info-drawer-icon-size;
|
||||||
margin: 0 auto $adf-info-drawer-icon-size/2;
|
margin: 0 auto $adf-info-drawer-icon-size / 2;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
.adf {
|
.adf {
|
||||||
|
|
||||||
&-info-drawer {
|
&-info-drawer {
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
@ -8,7 +7,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
& &-layout {
|
& &-layout {
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
|||||||
@ -1,4 +1,3 @@
|
|||||||
|
|
||||||
adf-layout-header .mat-toolbar-single-row {
|
adf-layout-header .mat-toolbar-single-row {
|
||||||
color: var(--adf-header-text-color) !important;
|
color: var(--adf-header-text-color) !important;
|
||||||
background-color: var(--adf-header-background-color);
|
background-color: var(--adf-header-background-color);
|
||||||
|
|||||||
@ -8,14 +8,14 @@ adf-layout-container {
|
|||||||
.adf-container-full-width {
|
.adf-container-full-width {
|
||||||
width: inherit;
|
width: inherit;
|
||||||
}
|
}
|
||||||
/* query for Microsoft IE 11*/
|
|
||||||
|
/* query for Microsoft IE 11 */
|
||||||
@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) {
|
||||||
.adf-container-full-width {
|
.adf-container-full-width {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.adf-sidenav--hidden {
|
.adf-sidenav--hidden {
|
||||||
visibility: hidden !important;
|
visibility: hidden !important;
|
||||||
width: 0 !important;
|
width: 0 !important;
|
||||||
|
|||||||
@ -11,26 +11,31 @@
|
|||||||
background-color: var(--theme-primary-color);
|
background-color: var(--theme-primary-color);
|
||||||
color: var(--theme-primary-color-default-contrast) !important;
|
color: var(--theme-primary-color-default-contrast) !important;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
& mat-icon {
|
& mat-icon {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
color: var(--theme-primary-color-default-contrast) !important;
|
color: var(--theme-primary-color-default-contrast) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-text {
|
&-text {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-sidebar-action-menu-icon {
|
&-sidebar-action-menu-icon {
|
||||||
margin: 18px 0 0 20px;
|
margin: 18px 0 0 20px;
|
||||||
color: var(--theme-text-color);
|
color: var(--theme-text-color);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-sidebar-action-menu-options {
|
&-sidebar-action-menu-options {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: -0.4px;
|
letter-spacing: -0.4px;
|
||||||
@ -42,11 +47,13 @@
|
|||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
letter-spacing: -0.4px;
|
letter-spacing: -0.4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-menu-item:hover {
|
.mat-menu-item:hover {
|
||||||
color: var(--theme-primary-color);
|
color: var(--theme-primary-color);
|
||||||
opacity: inherit;
|
opacity: inherit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-sidebar-action-menu-panel {
|
&-sidebar-action-menu-panel {
|
||||||
margin-top: 7.5px;
|
margin-top: 7.5px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|||||||
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