inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-6581] Wrap comments into multiple lines (#9407)

Browse Source 
* ACS-6581 Wrap comments into multiple lines

* ACS-6581 Used variable for border color

* ACS-6581 Changed value for padding

* ACS-6581 Used ellipsis and tooltip instead of wrapping comment

* ACS-6581 Add missing space
This commit is contained in:
AleksanderSklorz
2024-03-08 15:44:53 +01:00
committed by GitHub
parent ab6d94a270
commit 5d545b5f0d
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
lib/content-services/src/lib/version-manager/version-list.component.html
View File

@@ -8,9 +8,14 @@
<span class="adf-version-list-item-line adf-version-list-item-version" [id]="'adf-version-list-item-version-' + version.entry.id" >{{version.entry.id}}</span> -
<span class="adf-version-list-item-line adf-version-list-item-date" [id]="'adf-version-list-item-date-' + version.entry.id" >{{version.entry.modifiedAt | date}}</span>
</p>
<p mat-line [id]="'adf-version-list-item-comment-' + version.entry.id"
class="adf-version-list-item-comment"
*ngIf="showComments">{{version.entry.versionComment}}</p>
<p
mat-line
[id]="'adf-version-list-item-comment-' + version.entry.id"
class="adf-version-list-item-comment"
*ngIf="showComments"
[title]="version.entry.versionComment">
{{ version.entry.versionComment }}
</p>
<div *ngIf="showActions">
<mat-menu [id]="'adf-version-list-action-menu-' + version.entry.id"

11
lib/content-services/src/lib/version-manager/version-list.component.scss
View File

@@ -1,10 +1,12 @@
.adf-version-list {
&-viewport {
.adf-version-list-viewport {
height: 100%;
overflow-x: hidden;
}
.adf-version-list-item {
border-bottom: 1px solid #d8d8d8;
border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
width: 100vw;
}
&-item-version {
@@ -16,7 +18,12 @@
}
&-item-comment {
width: 500px;
opacity: 0.5;
@media screen and (max-width: 629px) {
width: 97%;
}
}
&-item-name,