diff --git a/demo-shell-ng2/app/theme.scss b/demo-shell-ng2/app/theme.scss index 3191a1b844..4665606589 100644 --- a/demo-shell-ng2/app/theme.scss +++ b/demo-shell-ng2/app/theme.scss @@ -1,6 +1,16 @@ -@import '~@angular/material/theming'; -@import 'colors'; -@import 'all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import '~ng2-alfresco-core/styles/index'; +@import '~ng2-activiti-analytics/styles/index'; +@import '~ng2-activiti-diagrams/styles/index'; +@import '~ng2-activiti-form/styles/index'; +@import '~ng2-activiti-processlist/styles/index'; +@import '~ng2-activiti-tasklist/styles/index'; +@import '~ng2-alfresco-datatable/styles/index'; +@import '~ng2-alfresco-documentlist/styles/index'; +@import '~ng2-alfresco-login/styles/index'; +@import '~ng2-alfresco-upload/styles/index'; +@import '~ng2-alfresco-userinfo/styles/index'; + @include mat-core(); @@ -10,4 +20,15 @@ $warn: mat-palette($alfresco-warn); $theme: mat-light-theme($primary, $accent, $warn); @include angular-material-theme($theme); -@include alfresco-material-theme($theme); + +@include alfresco-core-theme($theme); +@include alfresco-activity-analytics-theme($theme); +@include alfresco-activity-diagrams-theme($theme); +@include alfresco-activity-form-theme($theme); +@include alfresco-activity-processlist-theme($theme); +@include alfresco-activity-tasklist-theme($theme); +@include alfresco-datatable-theme($theme); +@include alfresco-documentlist-theme($theme); +@include alfresco-login-theme($theme); +@include alfresco-upload-theme($theme); +@include alfresco-userinfo-theme($theme); diff --git a/demo-shell-ng2/config/webpack.dev.js b/demo-shell-ng2/config/webpack.dev.js index de14b8ad67..2795886c12 100644 --- a/demo-shell-ng2/config/webpack.dev.js +++ b/demo-shell-ng2/config/webpack.dev.js @@ -65,23 +65,39 @@ module.exports = webpackMerge(commonConfig, { resolve: { alias: { "ng2-alfresco-core$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core'), "ng2-alfresco-datatable$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-datatable/index.ts'), + "ng2-alfresco-datatable": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-datatable'), "ng2-activiti-form/stencils/runtime.ng1$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-form/stencils/runtime.ng1'), "ng2-activiti-form/stencils/runtime.adf$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-form/stencils/runtime.adf'), "ng2-activiti-diagrams$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-diagrams/index.ts'), + "ng2-activiti-diagrams": path.resolve(__dirname, '../../ng2-components/ng2-activiti-diagrams'), "ng2-activiti-analytics$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-analytics/index.ts'), + "ng2-activiti-analytics": path.resolve(__dirname, '../../ng2-components/ng2-activiti-analytics'), "ng2-activiti-form$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-form/index.ts'), + "ng2-activiti-form": path.resolve(__dirname, '../../ng2-components/ng2-activiti-form'), "ng2-activiti-tasklist$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-tasklist/index.ts'), + "ng2-activiti-tasklist": path.resolve(__dirname, '../../ng2-components/ng2-activiti-tasklist'), "ng2-activiti-processlist$": path.resolve(__dirname, '../../ng2-components/ng2-activiti-processlist/index.ts'), + "ng2-activiti-processlist": path.resolve(__dirname, '../../ng2-components/ng2-activiti-processlist'), "ng2-alfresco-documentlist$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-documentlist/index.ts'), + "ng2-alfresco-documentlist": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-documentlist'), "ng2-alfresco-login$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-login/index.ts'), + "ng2-alfresco-login": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-login'), "ng2-alfresco-search$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-search/index.ts'), + "ng2-alfresco-search": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-search'), "ng2-alfresco-social$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-social/index.ts'), + "ng2-alfresco-social": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-social'), "ng2-alfresco-tag$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-tag/index.ts'), + "ng2-alfresco-tag": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-tag'), "ng2-alfresco-upload$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-upload/index.ts'), + "ng2-alfresco-upload": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-upload'), "ng2-alfresco-viewer$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-viewer/index.ts'), + "ng2-alfresco-viewer": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-viewer'), "ng2-alfresco-webscript$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-webscript/index.ts'), - "ng2-alfresco-userinfo$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-userinfo/index.ts') + "ng2-alfresco-webscript": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-webscript'), + "ng2-alfresco-userinfo$": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-userinfo/index.ts'), + "ng2-alfresco-userinfo": path.resolve(__dirname, '../../ng2-components/ng2-alfresco-userinfo') }, extensions: ['.ts', '.js'], modules: [path.resolve(__dirname, '../node_modules')] diff --git a/docs/theming.md b/docs/theming.md index be32ddbfe2..d268511014 100644 --- a/docs/theming.md +++ b/docs/theming.md @@ -21,7 +21,7 @@ Available pre-built themes: If you're using Angular CLI you can include one of the prebuilt theme in yours `styles.css` file: ```css -@import 'ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css'; +@import '~ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css'; ``` Or you can add it directly in your index.html @@ -31,12 +31,25 @@ Or you can add it directly in your index.html ### Defining a custom theme -When you want more customization than a pre-built theme offers, you can create your own theme file. +When you want more customization than a pre-built theme offers, you can create your own theme file. You need to include the packages only what you really use in your application. ```scss +/* + * Include only packages what you are using (and core by default) + */ @import '~@angular/material/theming'; -@import 'colors'; -@import 'all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import '~ng2-alfresco-core/styles/index'; +@import '~ng2-activiti-analytics/styles/index'; +@import '~ng2-activiti-diagrams/styles/index'; +@import '~ng2-activiti-form/styles/index'; +@import '~ng2-activiti-processlist/styles/index'; +@import '~ng2-activiti-tasklist/styles/index'; +@import '~ng2-alfresco-datatable/styles/index'; +@import '~ng2-alfresco-documentlist/styles/index'; +@import '~ng2-alfresco-login/styles/index'; +//@import '~ng2-alfresco-upload/styles/index'; +//@import '~ng2-alfresco-userinfo/styles/index'; @include mat-core(); @@ -44,10 +57,21 @@ $primary: mat-palette($alfresco-accent-orange); $accent: mat-palette($alfresco-accent-purple); $warn: mat-palette($alfresco-warn); $theme: mat-light-theme($primary, $accent, $warn); -//or $theme: mat-dark-theme($primary, $accent, $warn); for dark theme @include angular-material-theme($theme); -@include alfresco-material-theme($theme); + +@include alfresco-core-theme($theme); +@include alfresco-activity-analytics-theme($theme); +@include alfresco-activity-diagrams-theme($theme); +@include alfresco-activity-form-theme($theme); +@include alfresco-activity-processlist-theme($theme); +@include alfresco-activity-tasklist-theme($theme); +@include alfresco-datatable-theme($theme); +@include alfresco-documentlist-theme($theme); +@include alfresco-login-theme($theme); +//@include alfresco-upload-theme($theme); +//@include alfresco-userinfo-theme($theme); + ``` Notes: if you are using the Generator or the demo shell you need only to change the`/app/theme.scss` with your set of colors @@ -59,8 +83,9 @@ You can create multiple themes for your application: ```scss @import '~@angular/material/theming'; -@import 'colors'; -@import 'all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import '~ng2-alfresco-core/styles/index'; +... @include mat-core(); @@ -71,12 +96,12 @@ $warn: mat-palette($alfresco-warn); $theme: mat-light-theme($primary, $accent, $warn); $dark-theme: mat-dark-theme($primary, $accent, $warn); -@include angular-material-theme($theme); -@include alfresco-material-theme($theme); +@include alfresco-core-theme($theme); +...like above .adf-dark-theme { - @include angular-material-theme($dark-theme); - @include alfresco-material-theme($dark-theme); + @include alfresco-core-theme($dark-theme); + ...like above } ``` Any component with the `add-dark-theme` class will use the dark theme, while other components will fall back to the default. diff --git a/ng2-components/config/prebuilt/_all-theme.scss b/ng2-components/config/prebuilt/_all-theme.scss new file mode 100644 index 0000000000..6b1cea1641 --- /dev/null +++ b/ng2-components/config/prebuilt/_all-theme.scss @@ -0,0 +1,25 @@ +@import 'ng2-alfresco-core/styles/index'; +@import 'ng2-activiti-analytics/styles/index'; +@import 'ng2-activiti-diagrams/styles/index'; +@import 'ng2-activiti-form/styles/index'; +@import 'ng2-activiti-processlist/styles/index'; +@import 'ng2-activiti-tasklist/styles/index'; +@import 'ng2-alfresco-datatable/styles/index'; +@import 'ng2-alfresco-documentlist/styles/index'; +@import 'ng2-alfresco-login/styles/index'; +@import 'ng2-alfresco-upload/styles/index'; +@import 'ng2-alfresco-userinfo/styles/index'; + +@mixin alfresco-material-theme($theme) { + @include alfresco-core-theme($theme); + @include alfresco-activity-analytics-theme($theme); + @include alfresco-activity-diagrams-theme($theme); + @include alfresco-activity-form-theme($theme); + @include alfresco-activity-processlist-theme($theme); + @include alfresco-activity-tasklist-theme($theme); + @include alfresco-datatable-theme($theme); + @include alfresco-documentlist-theme($theme); + @include alfresco-login-theme($theme); + @include alfresco-upload-theme($theme); + @include alfresco-userinfo-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss b/ng2-components/config/prebuilt/adf-blue-orange.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss rename to ng2-components/config/prebuilt/adf-blue-orange.scss index 1eccbd8aa6..874144cabd 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss +++ b/ng2-components/config/prebuilt/adf-blue-orange.scss @@ -1,6 +1,5 @@ -@import '~@angular/material/theming'; -@import '../colors'; -@import '../all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss b/ng2-components/config/prebuilt/adf-blue-purple.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss rename to ng2-components/config/prebuilt/adf-blue-purple.scss index 04ac4b7dbd..d86e6e5963 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss +++ b/ng2-components/config/prebuilt/adf-blue-purple.scss @@ -1,6 +1,5 @@ -@import '~@angular/material/theming'; -@import '../colors'; -@import '../all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss b/ng2-components/config/prebuilt/adf-cyan-orange.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss rename to ng2-components/config/prebuilt/adf-cyan-orange.scss index e21908b9f5..b9faadf743 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss +++ b/ng2-components/config/prebuilt/adf-cyan-orange.scss @@ -1,6 +1,5 @@ -@import '~@angular/material/theming'; -@import '../colors'; -@import '../all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss b/ng2-components/config/prebuilt/adf-cyan-purple.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss rename to ng2-components/config/prebuilt/adf-cyan-purple.scss index 3bce61861b..ecb3df2255 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss +++ b/ng2-components/config/prebuilt/adf-cyan-purple.scss @@ -1,6 +1,5 @@ -@import '~@angular/material/theming'; -@import '../colors'; -@import '../all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss b/ng2-components/config/prebuilt/adf-green-orange.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss rename to ng2-components/config/prebuilt/adf-green-orange.scss index 78b52db996..cf547f11c8 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss +++ b/ng2-components/config/prebuilt/adf-green-orange.scss @@ -1,6 +1,5 @@ -@import '~@angular/material/theming'; -@import '../colors'; -@import '../all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss b/ng2-components/config/prebuilt/adf-green-purple.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss rename to ng2-components/config/prebuilt/adf-green-purple.scss index 17f6e9c607..c665e62afa 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss +++ b/ng2-components/config/prebuilt/adf-green-purple.scss @@ -1,6 +1,5 @@ -@import '~@angular/material/theming'; -@import '../colors'; -@import '../all-theme'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss b/ng2-components/config/prebuilt/adf-indigo-pink.scss similarity index 77% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss rename to ng2-components/config/prebuilt/adf-indigo-pink.scss index d27bf3eb60..44cfc230c6 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss +++ b/ng2-components/config/prebuilt/adf-indigo-pink.scss @@ -1,5 +1,5 @@ -@import '../all-theme'; -@import '~@angular/material/theming'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss b/ng2-components/config/prebuilt/adf-pink-bluegrey.scss similarity index 79% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss rename to ng2-components/config/prebuilt/adf-pink-bluegrey.scss index 2b7dcbbf6e..636d64e652 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss +++ b/ng2-components/config/prebuilt/adf-pink-bluegrey.scss @@ -1,5 +1,5 @@ -@import '../all-theme'; -@import '~@angular/material/theming'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss b/ng2-components/config/prebuilt/adf-purple-green.scss similarity index 78% rename from ng2-components/ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss rename to ng2-components/config/prebuilt/adf-purple-green.scss index e8e9693447..a3ac95fdcd 100644 --- a/ng2-components/ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss +++ b/ng2-components/config/prebuilt/adf-purple-green.scss @@ -1,5 +1,5 @@ -@import '../all-theme'; -@import '~@angular/material/theming'; +@import '~ng2-alfresco-core/styles/theming'; +@import './all-theme'; @include mat-core(); diff --git a/ng2-components/config/webpack.common.js b/ng2-components/config/webpack.common.js index bc704bb3bf..3a4347bd88 100644 --- a/ng2-components/config/webpack.common.js +++ b/ng2-components/config/webpack.common.js @@ -40,7 +40,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": path.resolve(__dirname, '../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": path.resolve(__dirname, '../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": path.resolve(__dirname, '../ng2-alfresco-core'), "ng2-alfresco-datatable": path.resolve(__dirname, '../ng2-alfresco-datatable/index.ts'), "ng2-activiti-diagrams": path.resolve(__dirname, '../ng2-activiti-diagrams/index.ts'), "ng2-activiti-analytics": path.resolve(__dirname, '../ng2-activiti-analytics/index.ts'), @@ -57,7 +58,7 @@ module.exports = { "ng2-alfresco-webscript": path.resolve(__dirname, '../ng2-alfresco-webscript/index.ts'), "ng2-alfresco-userinfo": path.resolve(__dirname, '../ng2-alfresco-userinfo/index.ts') }, - extensions: ['.ts', '.js'], + extensions: ['.ts', '.js', '.scss'], modules: [helpers.root('node_modules')] }, @@ -109,10 +110,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core/styles')] - } + loader: "sass-loader" }] }, { diff --git a/ng2-components/config/webpack.style.js b/ng2-components/config/webpack.style.js index 130e588d60..a8fa182925 100644 --- a/ng2-components/config/webpack.style.js +++ b/ng2-components/config/webpack.style.js @@ -6,31 +6,49 @@ const extractScss = new ExtractTextPlugin('./ng2-alfresco-core/prebuilt-themes/[ module.exports = { entry: { - 'adf-blue-orange': './ng2-alfresco-core/styles/prebuilt/adf-blue-orange.scss', - 'adf-blue-purple': './ng2-alfresco-core/styles/prebuilt/adf-blue-purple.scss', - 'adf-cyan-orange': './ng2-alfresco-core/styles/prebuilt/adf-cyan-orange.scss', - 'adf-cyan-purple': './ng2-alfresco-core/styles/prebuilt/adf-cyan-purple.scss', - 'adf-green-purple': './ng2-alfresco-core/styles/prebuilt/adf-green-purple.scss', - 'adf-green-orange': './ng2-alfresco-core/styles/prebuilt/adf-green-orange.scss', - 'adf-pink-bluegrey': './ng2-alfresco-core/styles/prebuilt/adf-pink-bluegrey.scss', - 'adf-indigo-pink': './ng2-alfresco-core/styles/prebuilt/adf-indigo-pink.scss', - 'adf-purple-green': './ng2-alfresco-core/styles/prebuilt/adf-purple-green.scss' + 'adf-blue-orange': './config/prebuilt/adf-blue-orange.scss', + 'adf-blue-purple': './config/prebuilt/adf-blue-purple.scss', + 'adf-cyan-orange': './config/prebuilt/adf-cyan-orange.scss', + 'adf-cyan-purple': './config/prebuilt/adf-cyan-purple.scss', + 'adf-green-purple': './config/prebuilt/adf-green-purple.scss', + 'adf-green-orange': './config/prebuilt/adf-green-orange.scss', + 'adf-pink-bluegrey': './config/prebuilt/adf-pink-bluegrey.scss', + 'adf-indigo-pink': './config/prebuilt/adf-indigo-pink.scss', + 'adf-purple-green': './config/prebuilt/adf-purple-green.scss' }, output: { filename: './dist/[name].js' }, + resolve: { + alias: { + "ng2-alfresco-core": path.resolve(__dirname, '../ng2-alfresco-core'), + "ng2-alfresco-datatable": path.resolve(__dirname, '../ng2-alfresco-datatable'), + "ng2-activiti-diagrams": path.resolve(__dirname, '../ng2-activiti-diagrams'), + "ng2-activiti-analytics": path.resolve(__dirname, '../ng2-activiti-analytics'), + "ng2-activiti-form": path.resolve(__dirname, '../ng2-activiti-form'), + "ng2-activiti-tasklist": path.resolve(__dirname, '../ng2-activiti-tasklist'), + "ng2-activiti-processlist": path.resolve(__dirname, '../ng2-activiti-processlist'), + "ng2-alfresco-documentlist": path.resolve(__dirname, '../ng2-alfresco-documentlist'), + "ng2-alfresco-login": path.resolve(__dirname, '../ng2-alfresco-login'), + "ng2-alfresco-search": path.resolve(__dirname, '../ng2-alfresco-search'), + "ng2-alfresco-social": path.resolve(__dirname, '../ng2-alfresco-social'), + "ng2-alfresco-tag": path.resolve(__dirname, '../ng2-alfresco-tag'), + "ng2-alfresco-upload": path.resolve(__dirname, '../ng2-alfresco-upload'), + "ng2-alfresco-viewer": path.resolve(__dirname, '../ng2-alfresco-viewer'), + "ng2-alfresco-webscript": path.resolve(__dirname, '../ng2-alfresco-webscript'), + "ng2-alfresco-userinfo": path.resolve(__dirname, '../ng2-alfresco-userinfo'), + } + }, + module: { rules: [{ test: /\.scss$/, use: extractScss.extract([{ loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [path.resolve(__dirname, '../../ng2-components/ng2-alfresco-core/styles')] - } + loader: "sass-loader" }]) }] }, diff --git a/ng2-components/ng2-activiti-analytics/config/webpack.common.js b/ng2-components/ng2-activiti-analytics/config/webpack.common.js index ccd40f9ff4..40222e8674 100644 --- a/ng2-components/ng2-activiti-analytics/config/webpack.common.js +++ b/ng2-components/ng2-activiti-analytics/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core'), "ng2-activiti-diagrams": helpers.root('../ng2-activiti-diagrams/index.ts') }, extensions: ['.ts', '.js'], @@ -68,10 +69,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-activiti-analytics/styles/index.scss b/ng2-components/ng2-activiti-analytics/styles/index.scss new file mode 100644 index 0000000000..4acae039fc --- /dev/null +++ b/ng2-components/ng2-activiti-analytics/styles/index.scss @@ -0,0 +1,5 @@ +@import '../src/components/analytics-report-list.component'; + +@mixin alfresco-activity-analytics-theme($theme) { + @include mat-analytics-report-list-theme($theme); +} diff --git a/ng2-components/ng2-activiti-diagrams/config/webpack.common.js b/ng2-components/ng2-activiti-diagrams/config/webpack.common.js index 99750b231a..047bf87c19 100644 --- a/ng2-components/ng2-activiti-diagrams/config/webpack.common.js +++ b/ng2-components/ng2-activiti-diagrams/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-activiti-diagrams/styles/index.scss b/ng2-components/ng2-activiti-diagrams/styles/index.scss new file mode 100644 index 0000000000..eb3261891c --- /dev/null +++ b/ng2-components/ng2-activiti-diagrams/styles/index.scss @@ -0,0 +1,5 @@ +@import '../src/components/tooltip/diagram-tooltip.component'; + +@mixin alfresco-activity-diagrams-theme($theme) { + @include mat-diagram-tooltip-theme($theme); +} diff --git a/ng2-components/ng2-activiti-form/config/webpack.common.js b/ng2-components/ng2-activiti-form/config/webpack.common.js index 75b91eb688..e97dc5b163 100644 --- a/ng2-components/ng2-activiti-form/config/webpack.common.js +++ b/ng2-components/ng2-activiti-form/config/webpack.common.js @@ -19,9 +19,10 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, - extensions: ['.ts', '.js'], + extensions: ['.ts', '.js', '.scss'], symlinks: false, modules: [helpers.root('../../ng2-components'), helpers.root('node_modules')] }, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss index 00df078807..8ac5b01e20 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/amount/amount.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss index 039fbc43b7..8126b2b7ba 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/date/date.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss index a6b74ca2e0..c4c555472c 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/dropdown/dropdown.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss index 1efc5e9fc7..c07aa80d3f 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss @@ -1,5 +1,5 @@ @import '../form'; -@import 'mixins'; +@import '~ng2-alfresco-core/styles/mixins'; @mixin mat-dynamic-table-theme($theme) { $foreground: map-get($theme, foreground); diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/boolean/boolean.editor.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/boolean/boolean.editor.scss index ab0f20364e..900083853c 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/boolean/boolean.editor.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/boolean/boolean.editor.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.scss index f6a3e3959c..ea36dc2dc9 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/date/date.editor.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; .adf { &-date-editor { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.scss index 60d4942603..2a8a8612ae 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; .adf { &-dropdown-editor-select { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/text/text.editor.scss b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/text/text.editor.scss index ab3d5623f8..c9fa4c6837 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/text/text.editor.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/dynamic-table/editors/text/text.editor.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; .adf { &-text-editor { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss index e70300217b..69e3a5e4ed 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/form.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/form.scss @@ -1,5 +1,5 @@ @import './hyperlink/hyperlink.widget'; -@import 'colors'; +@import '~ng2-alfresco-core/styles/colors'; @mixin mat-form-theme($theme) { $primary: map-get($theme, primary); diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/functional-group/functional-group.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/functional-group/functional-group.widget.scss index f292ae036f..30495aca87 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/functional-group/functional-group.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/functional-group/functional-group.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss index 4e266a0c45..a52df46c6e 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/multiline-text/multiline-text.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/number/number.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/number/number.widget.scss index 1065e4ef9e..28d18e747c 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/number/number.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/number/number.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss index d18e6ed7e2..5a2d148a9a 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/people/people.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/radio-buttons/radio-buttons.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/radio-buttons/radio-buttons.widget.scss index 5f6843536d..2f3dd17f1f 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/radio-buttons/radio-buttons.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/radio-buttons/radio-buttons.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/text/text.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/text/text.widget.scss index e05bb26e12..5b18f85ecb 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/text/text.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/text/text.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/typeahead/typeahead.widget.scss b/ng2-components/ng2-activiti-form/src/components/widgets/typeahead/typeahead.widget.scss index d9880652eb..923e12e047 100644 --- a/ng2-components/ng2-activiti-form/src/components/widgets/typeahead/typeahead.widget.scss +++ b/ng2-components/ng2-activiti-form/src/components/widgets/typeahead/typeahead.widget.scss @@ -1,4 +1,4 @@ -@import 'theming'; +@import '~ng2-alfresco-core/styles/theming'; @import '../form'; .adf { diff --git a/ng2-components/ng2-activiti-form/styles/index.scss b/ng2-components/ng2-activiti-form/styles/index.scss new file mode 100644 index 0000000000..40ff129e85 --- /dev/null +++ b/ng2-components/ng2-activiti-form/styles/index.scss @@ -0,0 +1,9 @@ +@import '../src/components/widgets/form'; +@import '../src/components/widgets/container/container.widget'; +@import '../src/components/widgets/dynamic-table/dynamic-table.widget'; + +@mixin alfresco-activity-form-theme($theme) { + @include mat-form-theme($theme); + @include mat-container-widget-theme($theme); + @include mat-dynamic-table-theme($theme); +} diff --git a/ng2-components/ng2-activiti-processlist/config/webpack.common.js b/ng2-components/ng2-activiti-processlist/config/webpack.common.js index 855b226e06..48a617b068 100644 --- a/ng2-components/ng2-activiti-processlist/config/webpack.common.js +++ b/ng2-components/ng2-activiti-processlist/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core'), "ng2-alfresco-datatable": helpers.root('../ng2-alfresco-datatable/index.ts'), "ng2-activiti-tasklist": helpers.root('../ng2-activiti-tasklist/index.ts'), "ng2-activiti-form": helpers.root('../ng2-activiti-form/index.ts') @@ -70,10 +71,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-activiti-processlist/styles/index.scss b/ng2-components/ng2-activiti-processlist/styles/index.scss new file mode 100644 index 0000000000..db9c07c217 --- /dev/null +++ b/ng2-components/ng2-activiti-processlist/styles/index.scss @@ -0,0 +1,5 @@ +@import '../src/components/process-filters.component'; + +@mixin alfresco-activity-processlist-theme($theme) { + @include mat-filters-process-theme($theme); +} diff --git a/ng2-components/ng2-activiti-tasklist/config/webpack.common.js b/ng2-components/ng2-activiti-tasklist/config/webpack.common.js index 4e8cbb89d1..e0ea0b7429 100644 --- a/ng2-components/ng2-activiti-tasklist/config/webpack.common.js +++ b/ng2-components/ng2-activiti-tasklist/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core'), "ng2-alfresco-datatable": helpers.root('../ng2-alfresco-datatable/index.ts'), "ng2-activiti-form": helpers.root('../ng2-activiti-form/index.ts') }, @@ -69,10 +70,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-activiti-tasklist/styles/index.scss b/ng2-components/ng2-activiti-tasklist/styles/index.scss new file mode 100644 index 0000000000..a14f63f01e --- /dev/null +++ b/ng2-components/ng2-activiti-tasklist/styles/index.scss @@ -0,0 +1,15 @@ +@import '../src/components/comment-list.component'; +@import '../src/components/start-task.component'; +@import '../src/components/people-search.component'; +@import '../src/components/people.component'; +@import '../src/components/task-filters.component'; +@import '../src/components/task-header.component'; + +@mixin alfresco-activity-tasklist-theme($theme) { + @include mat-comment-list-theme($theme); + @include mat-start-task-theme($theme); + @include mat-people-search-theme($theme); + @include mat-people-theme($theme); + @include mat-filters-task-theme($theme); + @include mat-header-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-core/config/webpack.common.js b/ng2-components/ng2-alfresco-core/config/webpack.common.js index 43b7b9c91e..80f5c5044c 100644 --- a/ng2-components/ng2-alfresco-core/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-core/config/webpack.common.js @@ -64,10 +64,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css index 7a7711f2b9..525f783358 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css @@ -1,3 +1,5 @@ +/* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #2196f3; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #2196f3; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: white; } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #2196f3 !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(255, 255, 255, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #2196f3; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #2196f3; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #2196f3; } - .adf-breadcrumb-item.mat-accent { - color: #ff9800; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #2196f3; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #2196f3; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #ff9800; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #ff9800; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #2196f3; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #2196f3; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #2196f3; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #2196f3; } + .adf-breadcrumb-item.mat-accent { + color: #ff9800; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #2196f3; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #2196f3; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #2196f3; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #2196f3; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #2196f3; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #2196f3; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #2196f3; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #2196f3; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #2196f3; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: white; } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #ff9800; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #ff9800; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #82b1ff; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css index cffae361c5..cfcd0e4c4b 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css @@ -1,3 +1,5 @@ +/* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #2196f3; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #2196f3; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: white; } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #2196f3 !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(255, 255, 255, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #2196f3; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #2196f3; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #2196f3; } - .adf-breadcrumb-item.mat-accent { - color: #3f51b5; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #2196f3; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #2196f3; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #3f51b5; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #3f51b5; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #2196f3; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #2196f3; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #2196f3; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #2196f3; } + .adf-breadcrumb-item.mat-accent { + color: #3f51b5; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #2196f3; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #2196f3; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #2196f3; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #2196f3; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #2196f3; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #2196f3; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #2196f3; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #2196f3; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #2196f3; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: white; } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #3f51b5; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #3f51b5; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #82b1ff; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css index 584ee8a3dd..4db3e4d6a5 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css @@ -1,3 +1,5 @@ +/* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #00bcd4; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #00bcd4; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: white; } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #00bcd4 !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(255, 255, 255, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #00bcd4; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #00bcd4; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #00bcd4; } - .adf-breadcrumb-item.mat-accent { - color: #ff9800; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #00bcd4; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #00bcd4; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #ff9800; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #ff9800; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #00bcd4; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #00bcd4; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #00bcd4; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #00bcd4; } + .adf-breadcrumb-item.mat-accent { + color: #ff9800; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #00bcd4; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #00bcd4; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #00bcd4; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #00bcd4; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #00bcd4; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #00bcd4; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #00bcd4; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #00bcd4; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #00bcd4; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: white; } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #ff9800; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #ff9800; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #84ffff; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css index 8cc6b5e360..d3499fe1d6 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css @@ -1,3 +1,5 @@ +/* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #00bcd4; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #00bcd4; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: white; } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #00bcd4 !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(255, 255, 255, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #00bcd4; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #00bcd4; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #00bcd4; } - .adf-breadcrumb-item.mat-accent { - color: #3f51b5; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #00bcd4; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #00bcd4; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #3f51b5; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #3f51b5; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #00bcd4; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #00bcd4; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #00bcd4; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: white; + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #00bcd4; } + .adf-breadcrumb-item.mat-accent { + color: #3f51b5; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #00bcd4; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #00bcd4; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #00bcd4; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #00bcd4; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #00bcd4; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #00bcd4; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #00bcd4; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #00bcd4; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #00bcd4; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: white; } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #3f51b5; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #3f51b5; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: white; - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #84ffff; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css index 1a890f47ba..2371adaab2 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css @@ -1,3 +1,5 @@ +/* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #8bc34a; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #8bc34a; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #8bc34a !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(255, 255, 255, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #8bc34a; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #8bc34a; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #8bc34a; } - .adf-breadcrumb-item.mat-accent { - color: #ff9800; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(0, 0, 0, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #8bc34a; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #8bc34a; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #ff9800; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #ff9800; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #8bc34a; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #8bc34a; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #8bc34a; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(0, 0, 0, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #8bc34a; } + .adf-breadcrumb-item.mat-accent { + color: #ff9800; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #8bc34a; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #8bc34a; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #8bc34a; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #8bc34a; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #8bc34a; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #8bc34a; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #8bc34a; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #8bc34a; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #8bc34a; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #ff9800; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #ff9800; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(0, 0, 0, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(0, 0, 0, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #ccff90; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css index 33c9d7e296..42d7ae6539 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css @@ -1,3 +1,5 @@ +/* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #8bc34a; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #8bc34a; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #8bc34a !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(255, 255, 255, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #8bc34a; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #8bc34a; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #8bc34a; } - .adf-breadcrumb-item.mat-accent { - color: #3f51b5; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(0, 0, 0, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #8bc34a; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #8bc34a; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #3f51b5; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #3f51b5; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #8bc34a; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #8bc34a; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #8bc34a; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(0, 0, 0, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #8bc34a; } + .adf-breadcrumb-item.mat-accent { + color: #3f51b5; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #8bc34a; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #8bc34a; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #8bc34a; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #8bc34a; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #8bc34a; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #8bc34a; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #8bc34a; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #8bc34a; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #8bc34a; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #3f51b5; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #3f51b5; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(0, 0, 0, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(0, 0, 0, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #ccff90; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css index 2062ee3f55..82f8df0afc 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css @@ -1,4 +1,5 @@ /* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -16,6 +17,7 @@ * This mixin contains shared option styles between the select and * autocomplete components. */ +/* ANIMATION */ .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #3f51b5; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #3f51b5; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(0, 0, 0, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(0, 0, 0, 0.07); + height: 48px; + line-height: 48px; + color: rgba(255, 255, 255, 0.87); } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(0, 0, 0, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: rgba(0, 0, 0, 0.87); } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #3f51b5 !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: white !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #3f51b5; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #3f51b5; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #3f51b5; } - .adf-breadcrumb-item.mat-accent { - color: #ff4081; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + border-bottom: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(255, 255, 255, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #3f51b5; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #3f51b5; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #ff4081; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #ff4081; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #3f51b5; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #3f51b5; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #3f51b5; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(0, 0, 0, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(0, 0, 0, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: rgba(0, 0, 0, 0.87); + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(0, 0, 0, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(255, 255, 255, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: rgba(0, 0, 0, 0.87); } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(0, 0, 0, 0.38); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #3f51b5; } + .adf-breadcrumb-item.mat-accent { + color: #ff4081; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(0, 0, 0, 0.14); } -.adf-panel-heading-selected { - color: #3f51b5; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #3f51b5; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #3f51b5; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #3f51b5; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #3f51b5; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #3f51b5; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #3f51b5; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #3f51b5; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #3f51b5; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(0, 0, 0, 0.07); - height: 48px; - line-height: 48px; - color: rgba(255, 255, 255, 0.87); } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(0, 0, 0, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: rgba(0, 0, 0, 0.87); } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #ff4081; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #ff4081; } .upload-dialog { background: white; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(0, 0, 0, 0.14); border-bottom: 1px solid rgba(0, 0, 0, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(0, 0, 0, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(0, 0, 0, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: rgba(0, 0, 0, 0.87); - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(0, 0, 0, 0.07); - border-bottom: 1px solid rgba(0, 0, 0, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: rgba(0, 0, 0, 0.87); } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(0, 0, 0, 0.38); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #8c9eff; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css index dbc8cf9c80..d4cc1f40e3 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css @@ -1,4 +1,5 @@ /* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -16,6 +17,7 @@ * This mixin contains shared option styles between the select and * autocomplete components. */ +/* ANIMATION */ .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #c2185b; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #c2185b; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(255, 255, 255, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(255, 255, 255, 0.07); + height: 48px; + line-height: 48px; + color: rgba(255, 255, 255, 0.87); } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(255, 255, 255, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: white; } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #c2185b !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(0, 0, 0, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #c2185b; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #c2185b; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #c2185b; } - .adf-breadcrumb-item.mat-accent { - color: #b0bec5; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(255, 255, 255, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: white; + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(255, 255, 255, 0.07); + border-bottom: 1px solid rgba(255, 255, 255, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(255, 255, 255, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: white; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(255, 255, 255, 0.3); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #c2185b; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #c2185b; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #b0bec5; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #b0bec5; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #c2185b; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #c2185b; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #c2185b; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(255, 255, 255, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(255, 255, 255, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: white; + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(255, 255, 255, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(255, 255, 255, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: white; } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(255, 255, 255, 0.3); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #c2185b; } + .adf-breadcrumb-item.mat-accent { + color: #b0bec5; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(255, 255, 255, 0.14); } -.adf-panel-heading-selected { - color: #c2185b; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #c2185b; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #c2185b; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #c2185b; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #c2185b; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #c2185b; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #c2185b; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #c2185b; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #c2185b; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(255, 255, 255, 0.07); - height: 48px; - line-height: 48px; - color: rgba(255, 255, 255, 0.87); } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(255, 255, 255, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: white; } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #b0bec5; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #b0bec5; } .upload-dialog { background: #424242; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 1px solid rgba(255, 255, 255, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(255, 255, 255, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(255, 255, 255, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: white; - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(255, 255, 255, 0.07); - border-bottom: 1px solid rgba(255, 255, 255, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: white; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(255, 255, 255, 0.3); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(255, 255, 255, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: white; - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(255, 255, 255, 0.07); - border-bottom: 1px solid rgba(255, 255, 255, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: white; } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(255, 255, 255, 0.3); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #ff80ab; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css index 0b6e1cc75f..01bfbddc64 100644 --- a/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css +++ b/ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css @@ -1,4 +1,5 @@ /* ANIMATION */ +/* ANIMATION */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` @@ -16,6 +17,7 @@ * This mixin contains shared option styles between the select and * autocomplete components. */ +/* ANIMATION */ .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } @@ -1180,6 +1182,188 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .mat-tooltip { background: rgba(97, 97, 97, 0.9); } +.adf-panel-heading { + float: left; + font-size: 14px; + font-weight: bold; + font-style: normal; + font-stretch: normal; + line-height: normal; + letter-spacing: normal; + text-align: left; + width: 100%; } + +.adf-panel-heading-selected { + color: #7b1fa2; } + +.adf-panel-heading-icon { + float: left; } + +.adf-panel-heading-text { + float: left; + padding-left: 20px; + padding-top: 4px; } + +.adf-panel-heading-toggle { + float: right; + cursor: pointer; } + +.adf-panel-heading-toggle:hover { + opacity: 0.4; } + +.adf-textitem-icon { + font-size: 16px; + width: 16px; + height: 16px; + position: relative; + top: 3px; + padding-left: 8px; + opacity: 0.5; } + +.adf-update-icon { + padding-left: 13px; } + +.adf-textitem-readonly { + cursor: pointer; } + .adf-textitem-readonly:hover md-icon { + opacity: 1; } + +.adf-textitem-clickable-value { + cursor: pointer; + color: #7b1fa2; } + +.adf-textitem-editable { + display: flex; } + .adf-textitem-editable md-icon:hover { + opacity: 1; + cursor: pointer; } + .adf-textitem-editable md-input-container { + width: 100%; } + .adf-textitem-editable input:focus, + .adf-textitem-editable textarea:focus { + border: 1px solid #EEE; } + +.adf-textitem-editable /deep/ .mat-input-wrapper { + margin: 0; + padding-bottom: 0; } + +.adf-textitem-editable /deep/ .mat-input-underline { + display: none; } + +.adf-textitem-editable /deep/ .mat-input-infix { + padding: 0; + border-top: none; } + +.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { + padding-top: 2em; + position: static; } + +.adf-textitem-editable /deep/ .mat-input-placeholder { + top: 0; } + +.adf-textitem-editable /deep/ .mat-input-element { + font-family: inherit; + position: relative; + padding-top: 3px; } + +.adf-textitem-editable /deep/ .mat-input-element:focus { + padding: 5px; + left: -6px; + top: -6px; } + +.adf-textitem-editable /deep/ input.mat-input-element { + margin-bottom: 2px; } + +.adf-textitem-editable /deep/ input.mat-input-element:focus { + margin-bottom: -8px; } + +.adf-invisible-date-input { + height: 24px; + width: 0; + overflow: hidden; + opacity: 0; + border: none; + margin: 0; + padding: 0; } + +.adf-dateitem-editable { + cursor: pointer; } + .adf-dateitem-editable button { + width: 16px; + height: 16px; + opacity: 0.5; + margin-left: 4px; } + .adf-dateitem-editable:hover button { + opacity: 1; } + +.adf-property-list { + display: table; + width: 100%; + border-collapse: collapse; + border-spacing: 0; } + +.adf-property { + display: table-row; } + +.adf-property /deep/ .adf-property-label { + display: table-cell; + min-width: 100px; + padding-right: 30px; + word-wrap: break-word; + color: #bababa; + vertical-align: top; + padding-bottom: 20px; } + +.adf-property /deep/ .adf-property-value { + width: 100%; + display: table-cell; + color: #656565; + vertical-align: top; + padding-bottom: 20px; } + +.adf-toolbar--spacer { + flex: 1 1 auto; } + +.adf-toolbar .mat-toolbar { + min-height: 48px; + border: 1px solid rgba(255, 255, 255, 0.07); } + +.adf-toolbar .mat-toolbar-row { + height: 48px; + font-size: 14px; + white-space: normal; } + +.adf-pagination { + display: flex; + border-top: 1px solid rgba(255, 255, 255, 0.07); + height: 48px; + line-height: 48px; + color: rgba(255, 255, 255, 0.87); } + .adf-pagination__block { + display: flex; + align-items: center; + padding: 0 12px; + border-right: 1px solid rgba(255, 255, 255, 0.07); } + .adf-pagination__block:first-child { + flex: 1 1 auto; + padding-left: 24px; } + .adf-pagination__block:last-child { + border-right-width: 0; } + .adf-pagination__max-items { + margin-left: 10px; } + .adf-pagination__max-items, .adf-pagination__current-page { + margin-right: 5px; } + .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { + color: white; } + .adf-pagination__max-items + button, .adf-pagination__current-page + button { + margin-left: -10px; } + .adf-pagination__previous-button, .adf-pagination__next-button { + margin: 0 5px; } + .adf-pagination button[md-icon-button] { + width: 32px; + height: 32px; + line-height: 32px; } + .adf-primary-color { color: #7b1fa2 !important; } @@ -1206,54 +1390,106 @@ input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placehold .adf-accent-contrast-text-color { color: rgba(0, 0, 0, 0.87) !important; } -.adf-breadcrumb { - display: flex; - flex: 1; - line-height: 24px; +.adf-analytics-report-list .mdl-list__item { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry { + cursor: pointer; } + +.adf-analytics-report-list .activiti-filters__entry-icon { + margin-right: 12px !important; } + +.adf-analytics-report-list .activiti-filters__entry.active { + color: #7b1fa2; } + +.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { + color: #7b1fa2; } + +.adf-analytics-report-list .application-title { + z-index: 7; } + +.adf-analytics-report-list .logo { + position: absolute; + right: 20px; + top: 35px; + z-index: 6; } + +.adf-analytics-report-list .logo i { + font-size: 70px; } + +.adf-analytics-report-list .theme-1 { + background-color: #269abc; } + +.adf-analytics-report-list .theme-1 .logo i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i { + color: #168aac; } + +.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { + color: #b7dfea; } + +.adf-analytics-report-list .selectedIcon { + color: #e9f1f3 !important; } + +.adf-diagram-tooltip { + transform: scale(0); + transform-origin: top center; + z-index: 999; + display: inline-block; + font-weight: 500; + line-height: 14px; font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; } - .adf-breadcrumb-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: default; - display: flex; - overflow: hidden; - height: 25px; } - .adf-breadcrumb-item { - padding-right: 2px; - overflow: hidden; - display: flex; - line-height: 24px; - font-family: Muli, Roboto, "Helvetica Neue", sans-serif; - font-size: 14px; - font-weight: 600; - letter-spacing: -0.2px; - text-align: left; - opacity: 0.6; } - .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { - opacity: 1; } - .adf-breadcrumb-item.active { - flex: 1 0 auto; } - .adf-breadcrumb-item-chevron { - opacity: 1; } - .adf-breadcrumb-item.mat-primary { - color: #7b1fa2; } - .adf-breadcrumb-item.mat-accent { - color: #69f0ae; } - .adf-breadcrumb-item.mat-warn { - color: #f44336; } - .adf-breadcrumb-item-anchor { - color: inherit; - text-decoration: none; - display: block; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; } - .adf-breadcrumb-item.active { - display: block; } + max-width: 300px; + position: fixed; + top: -500px; + left: -500px; + text-align: left; + will-change: unset; + border: 1px solid #c5c5c5; + word-wrap: break-word; } + +.adf-diagram-tooltip.is-active { + animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } + +.adf-diagram-tooltip-header { + background-color: rgba(43, 65, 79, 0.95); + color: #FFF; + padding: 8px; + font-weight: bold; + min-width: 200px; + line-height: 20px; } + +.adf-diagram-tooltip-body { + color: #4a4a4a; + background-color: rgba(255, 255, 255, 0.95); } + +.adf-diagram-tooltip-body > div { + padding: 4px 8px; } + +.adf-diagram-tooltip-body > div:first-child { + padding-top: 8px; } + +.adf-diagram-tooltip-body > div:last-child { + padding-bottom: 8px; } + +.adf-diagram-propertyName { + font-weight: bold; + margin-right: 5px; } + +.adf-diagram-propertyValue { + font-style: italic; } + +@keyframes tooltipAnimation { + 0% { + transform: scale(0); + opacity: 0; } + 50% { + transform: scale(0.99); } + 100% { + transform: scale(1); + opacity: 1; + visibility: visible; } } .adf-hyperlink-widget { padding: 0.4375em 0; @@ -1346,7 +1582,7 @@ container-widget .mat-input-placeholder-wrapper { top: 0 !important; } container-widget .mat-input-placeholder { - top: 2.5em !important; } + top: 2.2em !important; } container-widget .mat-focused .mat-input-placeholder-wrapper { display: none; } @@ -1362,64 +1598,140 @@ container-widget .mat-focused .mat-input-prefix { container-widget .mat-grid-tile { overflow: visible; } -.adf-diagram-tooltip { - transform: scale(0); - transform-origin: top center; - z-index: 999; - display: inline-block; - font-weight: 500; - line-height: 14px; +.adf-dynamic-table { + width: 100%; + position: relative; + border: 1px solid rgba(255, 255, 255, 0.07); + white-space: nowrap; font-size: 14px; - max-width: 300px; - position: fixed; - top: -500px; - left: -500px; - text-align: left; - will-change: unset; - border: 1px solid #c5c5c5; - word-wrap: break-word; } + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; } + .adf-dynamic-table thead { + padding-bottom: 3px; } + .adf-dynamic-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-dynamic-table tbody tr:hover { + background-color: #eeeeee; } + .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-dynamic-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-dynamic-table td, .adf-dynamic-table th { + padding: 0 18px 12px 18px; + text-align: center; } + .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { + padding-left: 24px; } + .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { + padding-right: 24px; } + .adf-dynamic-table td { + color: white; + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(255, 255, 255, 0.07); + border-bottom: 1px solid rgba(255, 255, 255, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-dynamic-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(255, 255, 255, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-dynamic-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-dynamic-table th.sortable:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { + color: white; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { + color: rgba(255, 255, 255, 0.3); } + .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-dynamic-table .adf-dynamic-table-cell { + text-align: left; + cursor: default; } + .adf-dynamic-table .adf-dynamic-table-cell--text { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--number { + text-align: right; } + .adf-dynamic-table .adf-dynamic-table-cell--image { + text-align: left; } + .adf-dynamic-table .adf-dynamic-table-cell--image img { + width: 24px; + height: 24px; } + .adf-dynamic-table .full-width { + width: 100%; } -.adf-diagram-tooltip.is-active { - animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards; } +.mdl-list__item { + cursor: pointer; } -.adf-diagram-tooltip-header { - background-color: rgba(43, 65, 79, 0.95); - color: #FFF; - padding: 8px; - font-weight: bold; - min-width: 200px; - line-height: 20px; } +.activiti-filters__entry { + cursor: pointer; } -.adf-diagram-tooltip-body { - color: #4a4a4a; - background-color: rgba(255, 255, 255, 0.95); } +.activiti-filters__entry-icon { + margin-right: 12px !important; } -.adf-diagram-tooltip-body > div { - padding: 4px 8px; } +.activiti-filters__entry.active { + color: #7b1fa2; } -.adf-diagram-tooltip-body > div:first-child { - padding-top: 8px; } +.activiti-filters__entry:hover { + opacity: 0.8; } -.adf-diagram-tooltip-body > div:last-child { - padding-bottom: 8px; } - -.adf-diagram-propertyName { - font-weight: bold; - margin-right: 5px; } - -.adf-diagram-propertyValue { - font-style: italic; } - -@keyframes tooltipAnimation { - 0% { - transform: scale(0); - opacity: 0; } - 50% { - transform: scale(0.99); } - 100% { - transform: scale(1); - opacity: 1; - visibility: visible; } } +.activiti-filters__entry.active .activiti-filters__entry-icon { + color: #7b1fa2; } .adf-comment-img-container { float: left; @@ -1620,43 +1932,6 @@ adf-people-list /deep/ adf-datatable /deep/ .people-full-name { adf-people-list /deep/ alfresco-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 4px 12px; } -.adf-file-uploading-list { - display: flex; - align-items: center; - padding: 0.5em 1em 0.5em 1em; } - .adf-file-uploading-list:not(:first-child) { - border-top: 1px solid; } - .adf-file-uploading-list .list-row { - cursor: default; } - .adf-file-uploading-list .list-row__name { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - flex: 1 1 auto; - padding: 0 1em 0 0.5em; } - .adf-file-uploading-list .list-row__group, .adf-file-uploading-list .list-row__block { - min-width: 200px; - display: flex; - justify-content: flex-end; } - .adf-file-uploading-list .list-row__group--toggle { - cursor: pointer; } - .adf-file-uploading-list .list-row__group--toggle .list-row__status { - display: flex; } - .adf-file-uploading-list .list-row__group--toggle .list-row__action { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__status { - display: none; } - .adf-file-uploading-list .list-row__group--toggle:hover .list-row__action { - display: flex; } - .adf-file-uploading-list .list-row__status--done { - color: #69f0ae; } - .adf-file-uploading-list .list-row__status--error { - color: #f44336; } - .adf-file-uploading-list .list-row__action--cancel { - color: #f44336; } - .adf-file-uploading-list .list-row__action--remove { - color: #69f0ae; } - .assignment-header { width: 100%; border-bottom: 1px solid #eee; @@ -1727,6 +2002,382 @@ adf-people-list /deep/ adf-datatable /deep/ .people-pic { adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric.non-selectable.data-cell { padding: 10px; } +.mdl-list__item { + cursor: pointer; } + +.adf-filters__entry { + cursor: pointer; } + +.adf-filters__entry-icon { + margin-right: 12px !important; } + +.adf-filters__entry.active { + color: #7b1fa2; } + +.adf-filters__entry:hover { + opacity: 0.8; } + +.adf-filters__entry.active .adf-filters__entry-icon { + color: #7b1fa2; } + +.adf-controls { + display: flex; + justify-content: space-between; } + +.adf-edit-controls { + display: flex; + justify-content: flex-end; + margin-left: auto; } + +.adf-switch-to-edit-mode, .adf-save-edit-mode { + color: #7b1fa2; } + +.adf-cancel-edit-mode, .adf-claim-controls { + color: #838383; } + +.adf-card-container { + font-family: inherit; } + +.adf-data-table { + width: 100%; + position: relative; + border: 1px solid rgba(255, 255, 255, 0.07); + border-collapse: collapse; + white-space: nowrap; + font-size: 14px; + /* Firefox fixes */ + border-collapse: unset; + border-spacing: 0; + /* Empty folder */ + /* Loading folder */ } + .adf-data-table thead { + padding-bottom: 3px; } + .adf-data-table tbody tr { + position: relative; + height: 56px; + transition-duration: 0.28s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-property: background-color; } + .adf-data-table tbody tr:hover { + background-color: #eeeeee; } + .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { + background-color: #e0f7fa; } + .adf-data-table tbody tr:focus { + outline-offset: -1px; + outline-width: 1px; + outline-color: #448aff; + outline-style: solid; } + .adf-data-table tbody tr:last-child > td { + border-bottom: 1px solid rgba(255, 255, 255, 0.07); } + .adf-data-table td, .adf-data-table th { + padding: 0 18px 12px 18px; + text-align: right; } + .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { + padding-left: 24px; } + .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { + padding-right: 24px; } + .adf-data-table td { + color: white; + position: relative; + vertical-align: middle; + height: 56px; + border-top: 1px solid rgba(255, 255, 255, 0.07); + padding-top: 12px; + box-sizing: border-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: default; } + .adf-data-table th { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + cursor: pointer; + position: relative; + vertical-align: bottom; + text-overflow: ellipsis; + font-size: 14px; + font-weight: bold; + line-height: 24px; + letter-spacing: 0; + height: 56px; + font-size: 12px; + color: rgba(255, 255, 255, 0.87); + padding-bottom: 8px; + box-sizing: border-box; } + .adf-data-table th.sortable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .adf-data-table th.sortable:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { + color: white; } + .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { + font-family: 'Material Icons'; + font-weight: normal; + font-style: normal; + font-size: 24px; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + word-wrap: normal; + font-feature-settings: 'liga'; + -webkit-font-feature-settings: 'liga'; + -webkit-font-smoothing: antialiased; + font-size: 16px; + content: "\e5d8"; + margin-right: 5px; + vertical-align: sub; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { + cursor: pointer; } + .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { + color: rgba(255, 255, 255, 0.3); } + .adf-data-table th.adf-data-table__header--sorted-desc:before { + content: "\e5db"; } + .adf-data-table .adf-data-table-cell { + text-align: left; + cursor: default; } + .adf-data-table .adf-data-table-cell--text { + text-align: left; } + .adf-data-table .adf-data-table-cell--date { + text-align: left; } + .adf-data-table .adf-data-table-cell--number { + text-align: right; } + .adf-data-table .adf-data-table-cell--image { + text-align: left; } + .adf-data-table .adf-data-table-cell--image img { + width: 24px; + height: 24px; } + .adf-data-table .full-width { + width: 100%; } + .adf-data-table .adf-no-content-container { + padding: 0 !important; } + .adf-data-table .adf-no-content-container > img { + width: 100%; } + .adf-data-table .adf-loading-content-container { + padding: 0 !important; } + .adf-data-table .adf-loading-content-container > img { + width: 100%; } + .adf-data-table .ellipsis-cell { + /* visible content */ + /* cell stretching content */ } + .adf-data-table .ellipsis-cell .cell-container { + height: 1em; } + .adf-data-table .ellipsis-cell .cell-value { + display: block; + position: absolute; + max-width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + /* for vertical align of text */ + line-height: 1em; } + .adf-data-table .ellipsis-cell > div:after { + content: attr(title); + overflow: hidden; + height: 0; + display: block; } + +/* Utils */ +/* [Accessibility] For screen reader only */ +:host .sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; } + +.hidden { + display: none; } + +/* mobile phone */ +@media all and (max-width: 768px) { + .desktop-only { + display: none; } } + +@media (max-device-width: 768px) { + .desktop-only { + display: none; } } + +.adf-upload__dragging > td { + border-top: 1px dashed #448aff; + border-bottom: 1px dashed #448aff; } + .adf-upload__dragging > td:first-child { + border-left: 1px dashed #448aff; } + .adf-upload__dragging > td:last-child { + border-right: 1px dashed #448aff; } + +.adf-breadcrumb { + display: flex; + flex: 1; + line-height: 24px; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; } + .adf-breadcrumb-container { + margin: 0; + padding: 0; + list-style-type: none; + cursor: default; + display: flex; + overflow: hidden; + height: 25px; } + .adf-breadcrumb-item { + padding-right: 2px; + overflow: hidden; + display: flex; + line-height: 24px; + font-family: Muli, Roboto, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + letter-spacing: -0.2px; + text-align: left; + opacity: 0.6; } + .adf-breadcrumb-item:hover, .adf-breadcrumb-item.active { + opacity: 1; } + .adf-breadcrumb-item.active { + flex: 1 0 auto; } + .adf-breadcrumb-item-chevron { + opacity: 1; } + .adf-breadcrumb-item.mat-primary { + color: #7b1fa2; } + .adf-breadcrumb-item.mat-accent { + color: #69f0ae; } + .adf-breadcrumb-item.mat-warn { + color: #f44336; } + .adf-breadcrumb-item-anchor { + color: inherit; + text-decoration: none; + display: block; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } + .adf-breadcrumb-item.active { + display: block; } + +.adf-dropdown-breadcrumb { + display: flex; + justify-content: flex-start; + height: 25px; } + +.adf-dropdown-breadcumb-trigger { + cursor: pointer; + padding: 0; + border: none; + background: transparent; } + +.adf-dropdown-breadcumb-trigger.isRoot { + cursor: not-allowed; } + +.adf-dropdown-breadcrumb-path { + width: 0; + height: 0; + overflow: hidden; + margin-top: 35px; + margin-left: -30px; } + +.adf-current-folder { + margin-left: 30px; + line-height: 26px; } + +.adf-current-folder.isRoot { + margin-left: 0; } + +.adf-dropdown-breadcrumb-path-option.mat-option { + height: 28px; + line-height: 28px; + padding: 0 12px; + font-size: 13px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:first-child { + padding-top: 4px; } + +.adf-dropdown-breadcrumb-path-option.mat-option:last-child { + padding-bottom: 4px; } + +.adf-content-node-selector-dialog .mat-dialog-container { + padding: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 16px; + margin: 0; } + +.adf-content-node-selector-dialog .adf-content-node-selector-title { + text-transform: capitalize; } + +.adf-content-node-selector-dialog .adf-content-node-selector-content { + padding-top: 0; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input { + width: 100%; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { + color: rgba(0, 0, 0, 0.38); + cursor: pointer; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { + color: black; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { + height: 1px; + transition: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { + width: 100%; + margin-bottom: 20px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { + font-size: 14px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { + font-family: 'Muli', "Helvetica", "Arial", sans-serif; } + .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list { + height: 200px; + overflow: auto; + border: 1px solid rgba(0, 0, 0, 0.07); } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { + color: #33afdfnpm np; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { + border: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { + text-align: center; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { + display: none; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { + padding-top: 8px; + padding-bottom: 8px; + border-top: none; + height: 30px; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { + height: auto !important; } + .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { + border-bottom: none; } + +.adf-content-node-selector-dialog .adf-content-node-selector-actions { + padding: 8px; + background-color: #fafafa; + display: flex; + justify-content: flex-end; + color: #797979; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { + margin-bottom: 0px; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { + font-weight: normal; } + .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { + opacity: 0.6; } + .show { display: block !important; } @@ -1947,246 +2598,45 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 23px; } -.adf-panel-heading { - float: left; - font-size: 14px; - font-weight: bold; - font-style: normal; - font-stretch: normal; - line-height: normal; - letter-spacing: normal; - text-align: left; - width: 100%; } +adf-file-uploading-list-row:not(:first-child) { + display: block; + border-top: 1px solid rgba(255, 255, 255, 0.14); } -.adf-panel-heading-selected { - color: #7b1fa2; } - -.adf-panel-heading-icon { - float: left; } - -.adf-panel-heading-text { - float: left; - padding-left: 20px; - padding-top: 4px; } - -.adf-panel-heading-toggle { - float: right; - cursor: pointer; } - -.adf-panel-heading-toggle:hover { - opacity: 0.4; } - -.mdl-list__item { - cursor: pointer; } - -.adf-filters__entry { - cursor: pointer; } - -.adf-filters__entry-icon { - margin-right: 12px !important; } - -.adf-filters__entry.active { - color: #7b1fa2; } - -.adf-filters__entry:hover { - opacity: 0.8; } - -.adf-filters__entry.active .adf-filters__entry-icon { - color: #7b1fa2; } - -.mdl-list__item { - cursor: pointer; } - -.activiti-filters__entry { - cursor: pointer; } - -.activiti-filters__entry-icon { - margin-right: 12px !important; } - -.activiti-filters__entry.active { - color: #7b1fa2; } - -.activiti-filters__entry:hover { - opacity: 0.8; } - -.activiti-filters__entry.active .activiti-filters__entry-icon { - color: #7b1fa2; } - -.adf-analytics-report-list .mdl-list__item { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry { - cursor: pointer; } - -.adf-analytics-report-list .activiti-filters__entry-icon { - margin-right: 12px !important; } - -.adf-analytics-report-list .activiti-filters__entry.active { - color: #7b1fa2; } - -.adf-analytics-report-list .activiti-filters__entry.active .activiti-filters__entry-icon { - color: #7b1fa2; } - -.adf-analytics-report-list .application-title { - z-index: 7; } - -.adf-analytics-report-list .logo { - position: absolute; - right: 20px; - top: 35px; - z-index: 6; } - -.adf-analytics-report-list .logo i { - font-size: 70px; } - -.adf-analytics-report-list .theme-1 { - background-color: #269abc; } - -.adf-analytics-report-list .theme-1 .logo i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i { - color: #168aac; } - -.adf-analytics-report-list .theme-1 .mdl-card__actions i:hover { - color: #b7dfea; } - -.adf-analytics-report-list .selectedIcon { - color: #e9f1f3 !important; } - -.adf-controls { +.adf-file-uploading-row { display: flex; - justify-content: space-between; } - -.adf-edit-controls { - display: flex; - justify-content: flex-end; - margin-left: auto; } - -.adf-switch-to-edit-mode, .adf-save-edit-mode { - color: #7b1fa2; } - -.adf-cancel-edit-mode, .adf-claim-controls { - color: #838383; } - -.adf-card-container { - font-family: inherit; } - -.adf-textitem-icon { - font-size: 16px; - width: 16px; - height: 16px; - position: relative; - top: 3px; - padding-left: 8px; - opacity: 0.5; } - -.adf-update-icon { - padding-left: 13px; } - -.adf-textitem-readonly { - cursor: pointer; } - .adf-textitem-readonly:hover md-icon { - opacity: 1; } - -.adf-textitem-clickable-value { - cursor: pointer; - color: #7b1fa2; } - -.adf-textitem-editable { - display: flex; } - .adf-textitem-editable md-icon:hover { - opacity: 1; - cursor: pointer; } - .adf-textitem-editable md-input-container { - width: 100%; } - .adf-textitem-editable input:focus, - .adf-textitem-editable textarea:focus { - border: 1px solid #EEE; } - -.adf-textitem-editable /deep/ .mat-input-wrapper { - margin: 0; - padding-bottom: 0; } - -.adf-textitem-editable /deep/ .mat-input-underline { - display: none; } - -.adf-textitem-editable /deep/ .mat-input-infix { - padding: 0; - border-top: none; } - -.adf-textitem-editable /deep/ .mat-input-placeholder-wrapper { - padding-top: 2em; - position: static; } - -.adf-textitem-editable /deep/ .mat-input-placeholder { - top: 0; } - -.adf-textitem-editable /deep/ .mat-input-element { - font-family: inherit; - position: relative; - padding-top: 3px; } - -.adf-textitem-editable /deep/ .mat-input-element:focus { - padding: 5px; - left: -6px; - top: -6px; } - -.adf-textitem-editable /deep/ input.mat-input-element { - margin-bottom: 2px; } - -.adf-textitem-editable /deep/ input.mat-input-element:focus { - margin-bottom: -8px; } - -.adf-invisible-date-input { - height: 24px; - width: 0; - overflow: hidden; - opacity: 0; - border: none; - margin: 0; - padding: 0; } - -.adf-dateitem-editable { - cursor: pointer; } - .adf-dateitem-editable button { - width: 16px; - height: 16px; - opacity: 0.5; - margin-left: 4px; } - .adf-dateitem-editable:hover button { - opacity: 1; } - -.adf-pagination { - display: flex; - border-top: 1px solid rgba(255, 255, 255, 0.07); - height: 48px; - line-height: 48px; - color: rgba(255, 255, 255, 0.87); } - .adf-pagination__block { + align-items: center; + padding: 0.5em 1em 0.5em 1em; + cursor: default; } + .adf-file-uploading-row:hover { + background: #eeeeee; } + .adf-file-uploading-row__name { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 1 auto; + padding: 0 1em 0 0.5em; } + .adf-file-uploading-row__group, .adf-file-uploading-row__block { + min-width: 200px; display: flex; - align-items: center; - padding: 0 12px; - border-right: 1px solid rgba(255, 255, 255, 0.07); } - .adf-pagination__block:first-child { - flex: 1 1 auto; - padding-left: 24px; } - .adf-pagination__block:last-child { - border-right-width: 0; } - .adf-pagination__max-items { - margin-left: 10px; } - .adf-pagination__max-items, .adf-pagination__current-page { - margin-right: 5px; } - .adf-pagination__max-items, .adf-pagination__max-items + button, .adf-pagination__current-page, .adf-pagination__current-page + button { - color: white; } - .adf-pagination__max-items + button, .adf-pagination__current-page + button { - margin-left: -10px; } - .adf-pagination__previous-button, .adf-pagination__next-button { - margin: 0 5px; } - .adf-pagination button[md-icon-button] { - width: 32px; - height: 32px; - line-height: 32px; } + justify-content: flex-end; } + .adf-file-uploading-row__group--toggle { + cursor: pointer; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__status { + display: flex; } + .adf-file-uploading-row__group--toggle .adf-file-uploading-row__action { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__status { + display: none; } + .adf-file-uploading-row__group--toggle:hover .adf-file-uploading-row__action { + display: flex; } + .adf-file-uploading-row__status--done { + color: #69f0ae; } + .adf-file-uploading-row__status--error { + color: #f44336; } + .adf-file-uploading-row__action--cancel { + color: #f44336; } + .adf-file-uploading-row__action--remove { + color: #69f0ae; } .upload-dialog { background: #424242; @@ -2195,6 +2645,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric bottom: 20px; width: 40%; box-shadow: 1px 5px 15px #888888; } + .upload-dialog--padding { + padding: 1em; } + .upload-dialog--hide { + display: none !important; } .upload-dialog--position-left { left: 25px; } .upload-dialog--position-right { @@ -2207,6 +2661,10 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 1em; display: flex; align-items: center; } + .upload-dialog__header button { + min-width: 0; + padding: 0; + line-height: 0; } .upload-dialog__title { margin-left: 0.5em; flex: 1 1 auto; } @@ -2214,9 +2672,18 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric padding: 0 1em 1em 1em; } .upload-dialog__content { overflow: auto; - max-height: 195px; + max-height: 194px; border-top: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 1px solid rgba(255, 255, 255, 0.14); } + .upload-dialog__confirmation { + padding: 0 0.5em 0 0.5em; } + .upload-dialog__confirmation--title { + font-size: 16px; + line-height: 1.5; + letter-spacing: -0.4px; + color: rgba(0, 0, 0, 0.87); } + .upload-dialog__confirmation--text { + margin-bottom: 0; } .upload-dialog__actions { display: flex; justify-content: flex-end; @@ -2226,448 +2693,127 @@ adf-people-list /deep/ adf-datatable /deep/ td.mdl-data-table__cell--non-numeric .upload-dialog md-icon { cursor: pointer; } -.adf-property-list { - display: table; - width: 100%; - border-collapse: collapse; - border-spacing: 0; } - -.adf-property { - display: table-row; } - -.adf-property /deep/ .adf-property-label { - display: table-cell; - min-width: 100px; - padding-right: 30px; - word-wrap: break-word; - color: #bababa; - vertical-align: top; - padding-bottom: 20px; } - -.adf-property /deep/ .adf-property-value { - width: 100%; - display: table-cell; - color: #656565; - vertical-align: top; - padding-bottom: 20px; } - -.adf-toolbar--spacer { - flex: 1 1 auto; } - -.adf-toolbar .mat-toolbar { - min-height: 48px; - border: 1px solid rgba(255, 255, 255, 0.07); } - -.adf-toolbar .mat-toolbar-row { - height: 48px; - font-size: 14px; - white-space: normal; } - -.adf-dynamic-table { - width: 100%; - position: relative; - border: 1px solid rgba(255, 255, 255, 0.07); - white-space: nowrap; - font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; } - .adf-dynamic-table thead { - padding-bottom: 3px; } - .adf-dynamic-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-dynamic-table tbody tr:hover { - background-color: #eeeeee; } - .adf-dynamic-table tbody tr.is-selected, .adf-dynamic-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-dynamic-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-dynamic-table td, .adf-dynamic-table th { - padding: 0 18px 12px 18px; - text-align: center; } - .adf-dynamic-table td:first-of-type, .adf-dynamic-table th:first-of-type { - padding-left: 24px; } - .adf-dynamic-table td:last-of-type, .adf-dynamic-table th:last-of-type { - padding-right: 24px; } - .adf-dynamic-table td { - color: white; - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(255, 255, 255, 0.07); - border-bottom: 1px solid rgba(255, 255, 255, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-dynamic-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-dynamic-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-dynamic-table th.sortable:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc { - color: white; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-asc:hover:before, .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:hover:before { - color: rgba(255, 255, 255, 0.3); } - .adf-dynamic-table th.adf-dynamic-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-dynamic-table .adf-dynamic-table-cell { - text-align: left; - cursor: default; } - .adf-dynamic-table .adf-dynamic-table-cell--text { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--number { - text-align: right; } - .adf-dynamic-table .adf-dynamic-table-cell--image { - text-align: left; } - .adf-dynamic-table .adf-dynamic-table-cell--image img { - width: 24px; - height: 24px; } - .adf-dynamic-table .full-width { - width: 100%; } - -.adf-dropdown-breadcrumb { - display: flex; - justify-content: flex-start; - height: 25px; } - -.adf-dropdown-breadcumb-trigger { +.adf-userinfo-profile-image { + text-align: center; + border-radius: 90%; + width: 40px; + height: 40px; + margin-right: 0%; cursor: pointer; - padding: 0; - border: none; - background: transparent; } + vertical-align: middle; } -.adf-dropdown-breadcumb-trigger.isRoot { - cursor: not-allowed; } +.adf-userinfo-menu_button.mat-button { + margin-right: 0%; + border-radius: 90%; + padding: 0px; + min-width: 40px; + height: 40px; } -.adf-dropdown-breadcrumb-path { - width: 0; - height: 0; - overflow: hidden; - margin-top: 35px; - margin-left: -30px; } +.adf-userinfo-tab /deep/ .mat-tab-header { + align-self: center; + width: 100%; } -.adf-current-folder { - margin-left: 30px; - line-height: 26px; } - -.adf-current-folder.isRoot { - margin-left: 0; } - -.adf-dropdown-breadcrumb-path-option.mat-option { - height: 28px; - line-height: 28px; - padding: 0 12px; - font-size: 13px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:first-child { - padding-top: 4px; } - -.adf-dropdown-breadcrumb-path-option.mat-option:last-child { - padding-bottom: 4px; } - -.adf-data-table { - width: 100%; - position: relative; - border: 1px solid rgba(255, 255, 255, 0.07); - border-collapse: collapse; - white-space: nowrap; +.adf-userinfo-tab /deep/ .mat-tab-label { + flex: auto; + font-weight: 500; font-size: 14px; - /* Firefox fixes */ - border-collapse: unset; - border-spacing: 0; - /* Empty folder */ - /* Loading folder */ } - .adf-data-table thead { - padding-bottom: 3px; } - .adf-data-table tbody tr { - position: relative; - height: 56px; - transition-duration: 0.28s; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-property: background-color; } - .adf-data-table tbody tr:hover { - background-color: #eeeeee; } - .adf-data-table tbody tr.is-selected, .adf-data-table tbody tr.is-selected:hover { - background-color: #e0f7fa; } - .adf-data-table tbody tr:focus { - outline-offset: -1px; - outline-width: 1px; - outline-color: #448aff; - outline-style: solid; } - .adf-data-table td, .adf-data-table th { - padding: 0 18px 12px 18px; - text-align: right; } - .adf-data-table td:first-of-type, .adf-data-table th:first-of-type { - padding-left: 24px; } - .adf-data-table td:last-of-type, .adf-data-table th:last-of-type { - padding-right: 24px; } - .adf-data-table td { - color: white; - position: relative; - vertical-align: middle; - height: 56px; - border-top: 1px solid rgba(255, 255, 255, 0.07); - border-bottom: 1px solid rgba(255, 255, 255, 0.07); - padding-top: 12px; - box-sizing: border-box; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - .adf-data-table th { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - position: relative; - vertical-align: bottom; - text-overflow: ellipsis; - font-size: 14px; - font-weight: bold; - line-height: 24px; - letter-spacing: 0; - height: 56px; - font-size: 12px; - color: rgba(255, 255, 255, 0.87); - padding-bottom: 8px; - box-sizing: border-box; } - .adf-data-table th.sortable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .adf-data-table th.sortable:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc, .adf-data-table th.adf-data-table__header--sorted-desc { - color: white; } - .adf-data-table th.adf-data-table__header--sorted-asc:before, .adf-data-table th.adf-data-table__header--sorted-desc:before { - font-family: 'Material Icons'; - font-weight: normal; - font-style: normal; - font-size: 24px; - line-height: 1; - letter-spacing: normal; - text-transform: none; - display: inline-block; - word-wrap: normal; - font-feature-settings: 'liga'; - -webkit-font-feature-settings: 'liga'; - -webkit-font-smoothing: antialiased; - font-size: 16px; - content: "\e5d8"; - margin-right: 5px; - vertical-align: sub; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover, .adf-data-table th.adf-data-table__header--sorted-desc:hover { - cursor: pointer; } - .adf-data-table th.adf-data-table__header--sorted-asc:hover:before, .adf-data-table th.adf-data-table__header--sorted-desc:hover:before { - color: rgba(255, 255, 255, 0.3); } - .adf-data-table th.adf-data-table__header--sorted-desc:before { - content: "\e5db"; } - .adf-data-table .adf-data-table-cell { - text-align: left; - cursor: default; } - .adf-data-table .adf-data-table-cell--text { - text-align: left; } - .adf-data-table .adf-data-table-cell--date { - text-align: left; } - .adf-data-table .adf-data-table-cell--number { - text-align: right; } - .adf-data-table .adf-data-table-cell--image { - text-align: left; } - .adf-data-table .adf-data-table-cell--image img { - width: 24px; - height: 24px; } - .adf-data-table .full-width { - width: 100%; } - .adf-data-table .adf-no-content-container { - padding: 0 !important; } - .adf-data-table .adf-no-content-container > img { - width: 100%; } - .adf-data-table .adf-loading-content-container { - padding: 0 !important; } - .adf-data-table .adf-loading-content-container > img { - width: 100%; } - .adf-data-table .ellipsis-cell { - /* visible content */ - /* cell stretching content */ } - .adf-data-table .ellipsis-cell .cell-container { - height: 1em; } - .adf-data-table .ellipsis-cell .cell-value { - display: block; - position: absolute; - max-width: 100%; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - /* for vertical align of text */ - line-height: 1em; } - .adf-data-table .ellipsis-cell > div:after { - content: attr(title); - overflow: hidden; - height: 0; - display: block; } + text-transform: uppercase; + line-height: 48px; + text-align: center; } -/* Utils */ -/* [Accessibility] For screen reader only */ -:host .sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } - -.hidden { - display: none; } - -/* small desktop */ -/* tablet */ -/* mobile phone */ -@media all and (max-width: 768px) { - .desktop-only { - display: none; } } - -@media (max-device-width: 768px) { - .desktop-only { - display: none; } } - -.adf-upload__dragging > td { - border-top: 1px dashed #448aff; - border-bottom: 1px dashed #448aff; } - .adf-upload__dragging > td:first-child { - border-left: 1px dashed #448aff; } - .adf-upload__dragging > td:last-child { - border-right: 1px dashed #448aff; } - -.adf-content-node-selector-dialog .mat-dialog-container { - padding: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title, .adf-content-node-selector-dialog .adf-content-node-selector-content, .adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 16px; - margin: 0; } - -.adf-content-node-selector-dialog .adf-content-node-selector-title { - text-transform: capitalize; } - -.adf-content-node-selector-dialog .adf-content-node-selector-content { - padding-top: 0; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input { - width: 100%; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon { - color: rgba(0, 0, 0, 0.38); - cursor: pointer; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-input-icon:hover { - color: black; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .mat-input-underline .mat-input-ripple { - height: 1px; - transition: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element { - width: 100%; - margin-bottom: 20px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-trigger { - font-size: 14px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element .mat-select-placeholder, .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-site-dropdown-list-element.mat-select { - font-family: 'Muli', "Helvetica", "Arial", sans-serif; } - .adf-content-node-selector-dialog .adf-content-node-selector-content /deep/ .adf-toolbar .mat-toolbar { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list { - height: 200px; - overflow: auto; - border: 1px solid rgba(0, 0, 0, 0.07); } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-highlight { - color: #33afdfnpm np; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table { - border: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-no-content-container { - text-align: center; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table thead { - display: none; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table .adf-data-table-cell { - padding-top: 8px; - padding-bottom: 8px; - border-top: none; - height: 30px; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr { - height: auto !important; } - .adf-content-node-selector-dialog .adf-content-node-selector-content-list /deep/ .adf-data-table tbody tr:last-child .adf-data-table-cell { - border-bottom: none; } - -.adf-content-node-selector-dialog .adf-content-node-selector-actions { - padding: 8px; - background-color: #fafafa; +.adf-userinfo-card-header { + align-items: center; display: flex; - justify-content: flex-end; - color: #797979; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions:last-child { - margin-bottom: 0px; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-cancel { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose { - font-weight: normal; } - .adf-content-node-selector-dialog .adf-content-node-selector-actions-choose[disabled] { - opacity: 0.6; } + justify-content: stretch; + line-height: normal; + height: 100px; + box-sizing: border-box; } + +.adf-userinfo-card.mat-card { + padding: 0px; } + +.adf-userinfo-supporting-text { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + overflow: hidden; + padding: 32px; + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + display: flex; + justify-content: space-between; } + +.adf-userinfo-title { + font: 500 20px/32px Roboto,"Helvetica Neue",sans-serif; + margin: 0; + align-self: flex-end; + display: flex; + -webkit-align-self: flex-end; + overflow: hidden; + transform-origin: 149px 48px; + padding: 0; + -webkit-margin-before: 0.83em; + -webkit-margin-after: 0.83em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; } + +.adf-userinfo__detail-profile { + align-items: flex-start; + font-size: 14px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + display: block; + padding: 0; + align-items: flex-start; + margin: 0px; + color: #ea80fc; } + +.adf-userinfo__detail-title { + text-overflow: ellipsis; + font-size: 16px; + font-weight: 400; + letter-spacing: .04em; + line-height: 20px; + align-items: flex-start; } + +.adf-userinfo__secondary-info { + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + line-height: 18px; + align-items: flex-end; } + +.adf-userinfo-profile-picture { + background-size: cover; + border-radius: 50%; + height: 80px; + width: 80px; + z-index: 3; + margin-left: 0px; + margin-right: 8px; } + +.adf-userinfo-button-profile { + display: inline-block; + border: 0px; + vertical-align: middle; } + +.adf-userinfo-detail { + text-align: left; } + +.adf-hide-tab /deep/ .mat-tab-label-active { + display: none !important; } + +@media only screen and (min-device-width: 480px) { + .mat-menu-panel.adf-userinfo-menu { + max-height: 450px; + min-width: 450px; + overflow: auto; + padding: 0px; } } + +.mat-menu-panel.adf-userinfo-menu /deep/ .mat-menu-content { + padding: 0px; } diff --git a/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss b/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss index cc4871aa6a..cab76b0bac 100644 --- a/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss +++ b/ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss @@ -11,7 +11,7 @@ border-top: $adf-pagination--border; height: $adf-pagination--height; line-height: $adf-pagination--height; - color: mat-color($primary, default-contrast); + color: mat-color($foreground, text); &__block { display: flex; diff --git a/ng2-components/ng2-alfresco-core/styles/_all-theme.scss b/ng2-components/ng2-alfresco-core/styles/_all-theme.scss deleted file mode 100644 index 22895cac2a..0000000000 --- a/ng2-components/ng2-alfresco-core/styles/_all-theme.scss +++ /dev/null @@ -1,67 +0,0 @@ -@import '../../ng2-alfresco-documentlist/src/components/breadcrumb/breadcrumb.component'; -@import '../../ng2-alfresco-documentlist/src/components/breadcrumb/dropdown-breadcrumb.component'; -@import '../../ng2-alfresco-documentlist/src/components/content-node-selector/content-node-selector.component'; - -@import '../../ng2-activiti-form/src/components/widgets/form'; -@import '../../ng2-activiti-form/src/components/widgets/container/container.widget'; -@import '../../ng2-activiti-form/src/components/widgets/dynamic-table/dynamic-table.widget.scss'; - -@import '../../ng2-activiti-diagrams/src/components/tooltip/diagram-tooltip.component'; - -@import '../../ng2-activiti-analytics/src/components/analytics-report-list.component'; - -@import '../../ng2-activiti-tasklist/src/components/comment-list.component'; -@import '../../ng2-activiti-tasklist/src/components/start-task.component'; -@import '../../ng2-activiti-tasklist/src/components/people-search.component'; -@import '../../ng2-activiti-tasklist/src/components/people.component'; -@import '../../ng2-activiti-tasklist/src/components/task-filters.component'; -@import '../../ng2-activiti-tasklist/src/components/task-header.component'; - -@import '../../ng2-activiti-processlist/src/components/process-filters.component'; - -@import '../../ng2-alfresco-upload/src/components/file-uploading-list-row.component'; -@import '../../ng2-alfresco-upload/src/components/file-uploading-dialog.component'; - -@import '../../ng2-alfresco-login/src/components/login.component'; - -@import '../../ng2-alfresco-core/src/components/collapsable/accordion-group.component'; -@import '../../ng2-alfresco-core/src/components/view/card-view-textitem.component'; -@import '../../ng2-alfresco-core/src/components/view/card-view-dateitem.component'; -@import '../../ng2-alfresco-core/src/components/view/card-view.component'; -@import '../../ng2-alfresco-core/src/components/toolbar/toolbar.component'; -@import '../../ng2-alfresco-core/src/components/pagination/pagination.component'; -@import '../../ng2-alfresco-core/styles/theme-colors'; - -@import '../../ng2-alfresco-datatable/src/components/datatable/datatable.component.scss'; -@import '../../ng2-alfresco-userinfo/src/components/user-info.component.scss'; - - -@mixin alfresco-material-theme($theme) { - @include mat-colors-theme($theme); - @include mat-breadcrumb-theme($theme); - @include mat-form-theme($theme); - @include mat-container-widget-theme($theme); - @include mat-diagram-tooltip-theme($theme); - @include mat-comment-list-theme($theme); - @include mat-start-task-theme($theme); - @include mat-people-search-theme($theme); - @include mat-file-uploading-row-theme($theme); - @include mat-people-theme($theme); - @include mat-login-theme($theme); - @include mat-accordion-theme($theme); - @include mat-filters-task-theme($theme); - @include mat-filters-process-theme($theme); - @include mat-analytics-report-list-theme($theme); - @include mat-header-theme($theme); - @include mat-card-view-textitem-theme($theme); - @include mat-card-view-dateitem-theme($theme); - @include mat-pagination-theme($theme); - @include mat-upload-dialog-theme($theme); - @include mat-card-view-theme($theme); - @include mat-adf-toolbar-theme($theme); - @include mat-dynamic-table-theme($theme); - @include mat-breadcrumb-dropdown-theme($theme); - @include mat-datatable-theme($theme); - @include mat-content-node-selector-theme($theme); - @include mat-userinfo-theme($theme); -} diff --git a/ng2-components/ng2-alfresco-core/styles/_index.scss b/ng2-components/ng2-alfresco-core/styles/_index.scss new file mode 100644 index 0000000000..e7c664278d --- /dev/null +++ b/ng2-components/ng2-alfresco-core/styles/_index.scss @@ -0,0 +1,17 @@ +@import './theme-colors'; +@import '../src/components/collapsable/accordion-group.component'; +@import '../src/components/view/card-view-textitem.component'; +@import '../src/components/view/card-view-dateitem.component'; +@import '../src/components/view/card-view.component'; +@import '../src/components/toolbar/toolbar.component'; +@import '../src/components/pagination/pagination.component'; + +@mixin alfresco-core-theme($theme) { + @include mat-accordion-theme($theme); + @include mat-card-view-textitem-theme($theme); + @include mat-card-view-dateitem-theme($theme); + @include mat-card-view-theme($theme); + @include mat-adf-toolbar-theme($theme); + @include mat-pagination-theme($theme); + @include mat-colors-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-core/styles/_theming.scss b/ng2-components/ng2-alfresco-core/styles/_theming.scss index 6cdb96a071..264718077b 100644 --- a/ng2-components/ng2-alfresco-core/styles/_theming.scss +++ b/ng2-components/ng2-alfresco-core/styles/_theming.scss @@ -1,6 +1,5 @@ -@import 'mixins'; -@import 'variables'; -@import 'colors'; -@import '_all-theme'; +@import './mixins'; +@import './variables'; +@import './colors'; @import '~@angular/material/theming'; diff --git a/ng2-components/ng2-alfresco-datatable/config/webpack.common.js b/ng2-components/ng2-alfresco-datatable/config/webpack.common.js index 99750b231a..047bf87c19 100644 --- a/ng2-components/ng2-alfresco-datatable/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-datatable/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss index b13dcb20dd..5faea4e6d2 100644 --- a/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss +++ b/ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss @@ -6,7 +6,7 @@ $data-table-font-size: 14px !default; $data-table-header-font-size: 12px !default; $data-table-header-sort-icon-size: 16px !default; - $data-table-header-color: mat-color($primary, default-contrast) !default; + $data-table-header-color: mat-color($foreground, text) !default; $data-table-header-sorted-color: mat-color($foreground, text) !default; $data-table-header-sorted-icon-hover-color: mat-color($foreground, disabled-text) !default; $data-table-divider-color: mat-color($foreground, text, .07) !default; diff --git a/ng2-components/ng2-alfresco-datatable/styles/index.scss b/ng2-components/ng2-alfresco-datatable/styles/index.scss new file mode 100644 index 0000000000..080ae71b93 --- /dev/null +++ b/ng2-components/ng2-alfresco-datatable/styles/index.scss @@ -0,0 +1,5 @@ +@import '../src/components/datatable/datatable.component'; + +@mixin alfresco-datatable-theme($theme) { + @include mat-datatable-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-documentlist/config/webpack.common.js b/ng2-components/ng2-alfresco-documentlist/config/webpack.common.js index 9097f7caab..938f6ea4ec 100644 --- a/ng2-components/ng2-alfresco-documentlist/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-documentlist/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core'), "ng2-alfresco-datatable": helpers.root('../ng2-alfresco-datatable/index.ts') }, extensions: ['.ts', '.js'], @@ -68,10 +69,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-documentlist/styles/index.scss b/ng2-components/ng2-alfresco-documentlist/styles/index.scss new file mode 100644 index 0000000000..0dcdad9a4d --- /dev/null +++ b/ng2-components/ng2-alfresco-documentlist/styles/index.scss @@ -0,0 +1,9 @@ +@import '../src/components/breadcrumb/breadcrumb.component'; +@import '../src/components/breadcrumb/dropdown-breadcrumb.component'; +@import '../src/components/content-node-selector/content-node-selector.component'; + +@mixin alfresco-documentlist-theme($theme) { + @include mat-breadcrumb-theme($theme); + @include mat-breadcrumb-dropdown-theme($theme); + @include mat-content-node-selector-theme($theme) ; +} diff --git a/ng2-components/ng2-alfresco-login/config/webpack.common.js b/ng2-components/ng2-alfresco-login/config/webpack.common.js index 75b91eb688..878ec0a9e4 100644 --- a/ng2-components/ng2-alfresco-login/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-login/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-login/styles/index.scss b/ng2-components/ng2-alfresco-login/styles/index.scss new file mode 100644 index 0000000000..c6ee91f0cd --- /dev/null +++ b/ng2-components/ng2-alfresco-login/styles/index.scss @@ -0,0 +1,5 @@ +@import '../src/components/login.component'; + +@mixin alfresco-login-theme($theme) { + @include mat-login-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-search/config/webpack.common.js b/ng2-components/ng2-alfresco-search/config/webpack.common.js index 83ea443271..9f727a4a02 100644 --- a/ng2-components/ng2-alfresco-search/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-search/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core'), "ng2-alfresco-datatable": helpers.root('../ng2-alfresco-datatable/index.ts'), "ng2-alfresco-documentlist": helpers.root('../ng2-alfresco-documentlist/index.ts') }, @@ -69,10 +70,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-social/config/webpack.common.js b/ng2-components/ng2-alfresco-social/config/webpack.common.js index 75b91eb688..878ec0a9e4 100644 --- a/ng2-components/ng2-alfresco-social/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-social/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-tag/config/webpack.common.js b/ng2-components/ng2-alfresco-tag/config/webpack.common.js index 99750b231a..047bf87c19 100644 --- a/ng2-components/ng2-alfresco-tag/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-tag/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-upload/config/webpack.common.js b/ng2-components/ng2-alfresco-upload/config/webpack.common.js index 75b91eb688..878ec0a9e4 100644 --- a/ng2-components/ng2-alfresco-upload/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-upload/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-upload/styles/index.scss b/ng2-components/ng2-alfresco-upload/styles/index.scss new file mode 100644 index 0000000000..dff1b54eb9 --- /dev/null +++ b/ng2-components/ng2-alfresco-upload/styles/index.scss @@ -0,0 +1,7 @@ +@import '../src/components/file-uploading-list-row.component'; +@import '../src/components/file-uploading-dialog.component'; + +@mixin alfresco-upload-theme($theme) { + @include mat-file-uploading-row-theme($theme); + @include mat-upload-dialog-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js b/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js index 75b91eb688..878ec0a9e4 100644 --- a/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-userinfo/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-userinfo/styles/index.scss b/ng2-components/ng2-alfresco-userinfo/styles/index.scss new file mode 100644 index 0000000000..1ba3eee7f5 --- /dev/null +++ b/ng2-components/ng2-alfresco-userinfo/styles/index.scss @@ -0,0 +1,5 @@ +@import '../src/components/user-info.component'; + +@mixin alfresco-userinfo-theme($theme) { + @include mat-userinfo-theme($theme); +} diff --git a/ng2-components/ng2-alfresco-viewer/config/webpack.common.js b/ng2-components/ng2-alfresco-viewer/config/webpack.common.js index f0aa2239f1..25e62978c5 100644 --- a/ng2-components/ng2-alfresco-viewer/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-viewer/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts') + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core') }, extensions: ['.ts', '.js'], symlinks: false, @@ -67,10 +68,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/ng2-alfresco-webscript/config/webpack.common.js b/ng2-components/ng2-alfresco-webscript/config/webpack.common.js index 9097f7caab..938f6ea4ec 100644 --- a/ng2-components/ng2-alfresco-webscript/config/webpack.common.js +++ b/ng2-components/ng2-alfresco-webscript/config/webpack.common.js @@ -19,7 +19,8 @@ module.exports = { resolve: { alias: { - "ng2-alfresco-core": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core$": helpers.root('../ng2-alfresco-core/index.ts'), + "ng2-alfresco-core": helpers.root('../ng2-alfresco-core'), "ng2-alfresco-datatable": helpers.root('../ng2-alfresco-datatable/index.ts') }, extensions: ['.ts', '.js'], @@ -68,10 +69,7 @@ module.exports = { }, { loader: "raw-loader" }, { - loader: "sass-loader", - options: { - includePaths: [ path.resolve(__dirname, '../../ng2-alfresco-core/styles')] - } + loader: "sass-loader" }], exclude: [/node_modules/, /bundles/, /dist/, /demo/] }, diff --git a/ng2-components/package.json b/ng2-components/package.json index 6a5b54a1b7..1c6276b180 100644 --- a/ng2-components/package.json +++ b/ng2-components/package.json @@ -7,7 +7,8 @@ "clean": "rimraf node_modules", "clean-lock": "rimraf package-lock.json", "rimraf": "rimraf", - "build": "npm run toc && npm run markdownlint && npm run webpack -- --config config/webpack.build.js --progress --profile --bail", + "build": "npm run toc && npm run markdownlint && npm run webpack -- --config config/webpack.build.js --progress --profile --bail && npm run build-style", + "build-style": "npm run webpack -- --config config/webpack.style.js --progress --profile --bail", "test": "node node_modules/karma/bin/karma start --reporters mocha,coverage --single-run --component .", "test-browser": "node node_modules/karma/bin/karma start karma.conf.js --reporters kjhtml", "coverage": "",