diff --git a/lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.html b/lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.html index 5410ffd1aa..87665c2002 100644 --- a/lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.html +++ b/lib/content-services/src/lib/new-version-uploader/new-version-uploader.dialog.html @@ -13,7 +13,7 @@ -
+
- insert_drive_file -

{{version.entry.name}}

-

- {{version.entry.id}} - - {{version.entry.modifiedAt | date}} -

-

- {{ version.entry.versionComment }} -

- -
- - - - - - + + - - + (click)="restore(version.entry.id)"> + {{ 'ADF_VERSION_LIST.ACTIONS.RESTORE' | translate }} + + + + - + +
diff --git a/lib/content-services/src/lib/version-manager/version-list.component.scss b/lib/content-services/src/lib/version-manager/version-list.component.scss index 13e7b84cb9..60ec94eb61 100644 --- a/lib/content-services/src/lib/version-manager/version-list.component.scss +++ b/lib/content-services/src/lib/version-manager/version-list.component.scss @@ -1,17 +1,53 @@ /* stylelint-disable selector-class-pattern */ +/* stylelint-disable no-descending-specificity */ + @import 'styles/mat-selectors'; .adf-version-list { + .adf-version-list-element { + .adf-version-list-item { + border-bottom: 1px solid var(--adf-theme-foreground-divider-color); + height: 88px; + padding: 0 16px; + + .adf-version-list-item-details { + display: flex; + flex-direction: column; + flex: 1; + } + + .adf-version-list-item-line { + margin: 0; + line-height: 20px; + } + + .adf-version-list-item-name { + font-weight: normal; + color: var(--adf-theme-foreground-text-color-087); + font-size: 16px; + } + + .adf-version-list-content { + display: flex; + padding-left: 16px; + } + + .adf-version-list-item-icon { + color: var(--adf-theme-foreground-text-color-087); + margin: 4px; + } + + .adf-version-list-item-version { + color: var(--adf-theme-foreground-text-color-087); + } + } + } + .adf-version-list-viewport { height: 100%; overflow-x: hidden; } - .adf-version-list-item { - border-bottom: 1px solid var(--adf-theme-foreground-divider-color); - width: 100vw; - } - &-item-version { font-weight: bold; } @@ -21,8 +57,8 @@ } &-item-comment { - width: 500px; opacity: 0.5; + margin: 0; @media screen and (width <= 629px) { width: 97%; diff --git a/lib/core/src/lib/notifications/components/notification-history.component.html b/lib/core/src/lib/notifications/components/notification-history.component.html index 0e4a03f6d5..e32166a162 100644 --- a/lib/core/src/lib/notifications/components/notification-history.component.html +++ b/lib/core/src/lib/notifications/components/notification-history.component.html @@ -6,7 +6,8 @@ class="adf-notification-history-menu_button" id="adf-notification-history-open-button" (menuOpened)="onMenuOpened()"> - notifications diff --git a/lib/core/src/lib/notifications/components/notification-history.component.scss b/lib/core/src/lib/notifications/components/notification-history.component.scss index 9ebd92af3a..a0ba3d6c4d 100644 --- a/lib/core/src/lib/notifications/components/notification-history.component.scss +++ b/lib/core/src/lib/notifications/components/notification-history.component.scss @@ -2,11 +2,17 @@ .adf { &-notification-history-menu_button#{$mat-button} { - margin-right: 0; + margin-right: 8px; border-radius: 90%; padding: 0; min-width: 40px; height: 40px; + + .adf-notification-history-menu_button-icon { + font-size: 24px; + height: 24px; + width: 24px; + } } &-notification-history-list #{$mat-subheader} {