@alfresco/adf-process-services-cloud 8.4.0-19302006691 → 8.4.0-19303130849

package/lib/app/components/app-details-cloud/app-details-cloud.component.scss

@@ -1,168 +0,0 @@
-/* stylelint-disable scss/no-global-function-names */
-@mixin adf-line-clamp($line-height: 1.25, $lines: 3) {
-    position: relative;
-    line-height: $line-height;
-    padding: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    /* stylelint-disable */
-    @supports (-webkit-line-clamp: 1) {
-        display: -webkit-box;
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: $lines;
-        height: calc(0.99em * #{$line-height} * #{$lines});
-    }
-
-    @supports not (-webkit-line-clamp: 1) {
-        white-space: nowrap;
-        width: 100%;
-    }
-
-    /* stylelint-enable */
-}
-
-$tile-themes: (
-    theme-1: (
-        bg: #269abc,
-        color: #168aac
-    ),
-    theme-2: (
-        bg: #7da9b0,
-        color: #6d99a0
-    ),
-    theme-3: (
-        bg: #7689ab,
-        color: #66799b
-    ),
-    theme-4: (
-        bg: #c74e3e,
-        color: #b73e2e
-    ),
-    theme-5: (
-        bg: #fab96c,
-        color: #eaa95c
-    ),
-    theme-6: (
-        bg: #759d4c,
-        color: #658d3c
-    ),
-    theme-7: (
-        bg: #b1b489,
-        color: #a1a479
-    ),
-    theme-8: (
-        bg: #a17299,
-        color: #916289
-    ),
-    theme-9: (
-        bg: #696c67,
-        color: #595c57
-    ),
-    theme-10: (
-        bg: #cabb33,
-        color: #baab23
-    )
-);
-
-adf-cloud-app-details {
-    .adf-app-listgrid {
-        padding: 8px;
-        display: block;
-
-        .adf-app-listgrid-item {
-            outline: none;
-            padding: 8px;
-            box-sizing: border-box;
-            flex: unset;
-            max-width: unset;
-
-            &-card {
-                @for $i from 1 through 10 {
-                    &.theme-#{$i} {
-                        $tile-theme: map-get($tile-themes, theme-#{$i});
-
-                        background-color: map-get($tile-theme, bg);
-
-                        .adf-app-listgrid-item-card-logo-icon {
-                            color: map-get($tile-theme, color);
-                        }
-                    }
-                }
-
-                outline: none;
-                transition:
-                    transform 280ms cubic-bezier(0.4, 0, 0.2, 1),
-                    box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
-                min-height: 200px;
-                flex-direction: column;
-                box-sizing: border-box;
-                display: flex;
-                padding: 0;
-                max-width: unset;
-
-                &:hover {
-                    box-shadow:
-                        0 8px 10px 1px rgba(0, 0, 0, 0.14),
-                        0 3px 14px 2px rgba(0, 0, 0, 0.12),
-                        0 5px 5px -3px rgba(0, 0, 0, 0.2);
-                    cursor: pointer;
-                    transform: scale(1.015);
-                }
-
-                &-logo {
-                    position: absolute;
-                    right: 20px;
-                    top: 20px;
-                    padding: 16px;
-                    z-index: 9;
-
-                    .adf-app-listgrid-item-card-logo-icon {
-                        font-size: 70px;
-                        width: 1em;
-                        height: 1em;
-                    }
-                }
-
-                &-title:has(.adf-app-listgrid-item-card-title-text) {
-                    padding: 16px;
-                    margin-bottom: 0;
-                    z-index: 9999;
-
-                    h1 {
-                        color: white;
-                        width: 80%;
-                        font-size: var(--mat-sys-headline-small-size);
-                        margin: 0;
-                        line-height: normal;
-                        white-space: nowrap;
-                        text-overflow: ellipsis;
-                        overflow: hidden;
-                    }
-                }
-
-                &-subtitle:has(.adf-line-clamp) {
-                    color: white;
-                    z-index: 9999;
-                    padding: 16px;
-                    flex: 1 0 auto;
-
-                    .adf-line-clamp {
-                        @include adf-line-clamp(1.25, 3);
-                    }
-                }
-
-                &-actions {
-                    padding: 0 16px 16px;
-                    border-top: 1px solid rgba(0, 0, 0, 0.1);
-                    min-height: 48px;
-                    box-sizing: border-box;
-
-                    &-icon {
-                        color: #e9f1f3;
-                    }
-                }
-            }
-        }
-    }
-}