composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-21 16:22:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°330 Attachments display as table : portal. Various improvements

Browse Source 
* update CSS for table layout (vertical align, change text-align)
* tooltip : fix max size was not used anymore (tooltip was removing the style attributes)
* tooltip : fix tooltip always available
* delete button background color set to same as validate button
* remove "type" column
* reduce attachment line height
This commit is contained in:
Pierre Goiffon
2019-12-17 10:08:52 +01:00
parent 47d8e35639
commit 34c76c735a
3 changed files with 40 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
datamodels/2.x/itop-portal-base/portal/public/css/portal.css
View File

@@ -1115,11 +1115,14 @@ table .group-actions {
text-align: center;
}
.attachments_container .attachmentsList tbody > tr > td {
text-align: left;
vertical-align: middle;
}
.attachments_container .attachmentsList tbody > tr > td:first-child {
text-align: center;
}
.attachments_container .attachment {
height: 95px;
overflow-x: hidden;
height: 4em;
}
.attachments_container .attachment .attachment_name {
overflow-x: hidden;
@@ -1129,9 +1132,17 @@ table .group-actions {
.attachments_container .attachment .btn {
margin-top: 3px;
}
.attachments_container .attachmenthover {
.attachments_container .attachment:hover {
background-color: #e0e0e0;
}
.attachment-tooltip {
width: 350px;
height: 300px;
}
.attachment-tooltip img {
max-width: 100%;
max-height: 100%;
}
.upload_container input {
display: inline;
}

22
datamodels/2.x/itop-portal-base/portal/public/css/portal.scss
View File

@@ -1201,13 +1201,17 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
}
& tbody > tr > td {
text-align: center;
text-align: left;
vertical-align: middle;
&:first-child {
text-align: center;
}
}
}
.attachment {
height: 95px;
overflow-x: hidden;
height: 4em;
.attachment_name {
overflow-x: hidden;
@@ -1219,11 +1223,21 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
margin-top: 3px;
}
&hover {
&:hover {
background-color: #e0e0e0;
}
}
}
.attachment-tooltip {
width: 350px;
height: 300px;
img {
max-width: 100%;
max-height: 100%;
}
}
.upload_container input{
display: inline;
}