composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-24 02:58:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°4481 - Portal: Fix overflowing tables in logs

Browse Source
This commit is contained in:
Molkobain
2021-12-10 10:47:18 +01:00
parent 99a0e0c58e
commit d1751a042e
3 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1172,6 +1172,7 @@ table .group-actions {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin-left: 60px; margin-left: 60px;
max-width: calc(100% - 60px);
background-color: #585653; background-color: #585653;
color: #FFFFFF; color: #FFFFFF;
} }
@@ -1224,6 +1225,11 @@ table .group-actions {
} }
.caselog-thread--block-entry-content > p:last-of-type { .caselog-thread--block-entry-content > p:last-of-type {
margin-bottom: 0px; margin-bottom: 0px;
/* Force user-generated tables to fit within the container as they often have an hard-coded width */
}
.caselog-thread--block-entry-content table {
width: unset !important;
max-width: max-content;
} }
.caselog-thread--block-entry-date { .caselog-thread--block-entry-date {
margin-top: 5px; margin-top: 5px;

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

@@ -1225,10 +1225,10 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
width: 40px; width: $messaging-block-medallion-size;
height: 40px; height: $messaging-block-medallion-size;
text-align: center; text-align: center;
line-height: 40px; line-height: $messaging-block-medallion-size;
font-size: 18px; font-size: 18px;
color: $messaging-self-secondary-color; /* .caselog-thread--block-entries color */ color: $messaging-self-secondary-color; /* .caselog-thread--block-entries color */
@@ -1248,7 +1248,8 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
.caselog-thread--block-entries{ .caselog-thread--block-entries{
position: relative; position: relative;
display: inline-block; display: inline-block;
margin-left: 60px; margin-left: $messaging-block-entries-margin-x;
max-width: calc(100% - #{$messaging-block-entries-margin-x});
background-color: $messaging-self-primary-color; background-color: $messaging-self-primary-color;
color: $messaging-self-secondary-color; color: $messaging-self-secondary-color;
} }
@@ -1312,6 +1313,11 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
> p:last-of-type{ > p:last-of-type{
margin-bottom: 0px; margin-bottom: 0px;
} }
/* Force user-generated tables to fit within the container as they often have an hard-coded width */
table {
width: unset !important;
max-width: max-content;
}
} }
.caselog-thread--block-entry-date{ .caselog-thread--block-entry-date{
margin-top: 5px; margin-top: 5px;
@@ -1344,7 +1350,7 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
} }
.caselog-thread--block-entries{ .caselog-thread--block-entries{
margin-left: initial; margin-left: initial;
margin-right: 60px; margin-right: $messaging-block-entries-margin-x;
text-align: right; text-align: right;
.caselog-thread--block-entry{ .caselog-thread--block-entry{

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

@@ -943,6 +943,8 @@ $hr-border: $gray-lighter !default;
// //
//## //##
$messaging-block-medallion-size: 40px !default;
$messaging-block-entries-margin-x: 60px !default;
$messaging-self-primary-color: $combodo-dark-gray !default; $messaging-self-primary-color: $combodo-dark-gray !default;
$messaging-self-secondary-color: $white !default; $messaging-self-secondary-color: $white !default;
$messaging-1st-peer-primary-color: $white !default; $messaging-1st-peer-primary-color: $white !default;