hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

107873: Set process overview table column widths

Browse Source
This commit is contained in:
Andreas Awouters
2024-01-29 09:08:46 +01:00
parent ba31670db7
commit 2ad97d2845
3 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/process-page/overview/table/process-overview-table.component.html
View File

@@ -18,11 +18,11 @@
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<thead> <thead>
<tr> <tr>
<th scope="col">{{'process.overview.table.status' | translate}}</th> <th scope="col" class="status-header">{{'process.overview.table.status' | translate}}</th>
<th scope="col">{{'process.overview.table.name' | translate}}</th> <th scope="col" class="name-header">{{'process.overview.table.name' | translate}}</th>
<th scope="col">{{'process.overview.table.user' | translate}}</th> <th scope="col" class="user-header">{{'process.overview.table.user' | translate}}</th>
<th scope="col">{{'process.overview.table.' + processStatus.toLowerCase() + '.info' | translate}}</th> <th scope="col" class="info-header">{{'process.overview.table.' + processStatus.toLowerCase() + '.info' | translate}}</th>
<th scope="col">{{'process.overview.table.actions' | translate}}</th> <th scope="col" class="actions-header">{{'process.overview.table.actions' | translate}}</th>
</tr> </tr>
</thead> </thead>

20
src/app/process-page/overview/table/process-overview-table.component.scss
View File

@@ -1,3 +1,23 @@
.toggle-icon { .toggle-icon {
font-size: calc(var(--bs-small-font-size) * 0.6); font-size: calc(var(--bs-small-font-size) * 0.6);
} }
.status-header {
width: var(--ds-process-overview-table-status-column-width);
}
.name-header {
width: var(--ds-process-overview-table-name-column-width);
}
.user-header {
width: var(--ds-process-overview-table-user-column-width);
}
.info-header {
width: var(--ds-process-overview-table-info-column-width);
}
.actions-header {
width: var(--ds-process-overview-table-actions-column-width);
}

6
src/styles/_custom_variables.scss
View File

@@ -97,4 +97,10 @@
--ds-dso-edit-lang-width: 90px; --ds-dso-edit-lang-width: 90px;
--ds-dso-edit-actions-width: 173px; --ds-dso-edit-actions-width: 173px;
--ds-dso-edit-virtual-tooltip-min-width: 300px; --ds-dso-edit-virtual-tooltip-min-width: 300px;
--ds-process-overview-table-status-column-width: 150px;
--ds-process-overview-table-name-column-width: auto;
--ds-process-overview-table-user-column-width: 200px;
--ds-process-overview-table-info-column-width: 250px;
--ds-process-overview-table-actions-column-width: 80px;
} }