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

N°5192 Make highlighted row more visible by adding a border to the first cell

Browse Source
This commit is contained in:
Stephen Abello
2022-08-09 14:26:33 +02:00
parent 3b83d3f209
commit b8ecb68ad7
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
css/backoffice/vendors/_datatables.scss vendored
View File

@@ -38,6 +38,8 @@ $ibo-vendors-datatables--columns-header--border-bottom: 1px solid $ibo-color-gre
$ibo-vendors-datatables--row--background-color--is-odd: $ibo-color-white-100 !default;
$ibo-vendors-datatables--row--background-color--is-even: $ibo-color-white-200 !default;
$ibo-vendors-datatables--row-highlight--first-cell--width: 3px !default;
$ibo-vendors-datatables--row-highlight--colors:(
'red': ($ibo-color-red-100),
'danger': ($ibo-color-red-200),
@@ -50,6 +52,18 @@ $ibo-vendors-datatables--row-highlight--colors:(
'success': ($ibo-color-green-200),
) !default;
$ibo-vendors-datatables--row-highlight--first-cell--colors:(
'red': ($ibo-color-red-300),
'danger': ($ibo-color-red-400),
'alert': ($ibo-color-red-400),
'orange': ($ibo-color-orange-300),
'warning': ($ibo-color-orange-400),
'blue': ($ibo-color-blue-400),
'info': ($ibo-color-blue-400),
'green': ($ibo-color-green-300),
'success': ($ibo-color-green-300),
) !default;
.dataTables_paginate {
@extend %ibo-vertically-centered-content;
color: $ibo-vendors-datatables--pagination--color;
@@ -159,4 +173,17 @@ $ibo-vendors-datatables--row-highlight--colors:(
background-color: $sBgColor;
}
}
@each $sColorLabel, $aAttributes in $ibo-vendors-datatables--row-highlight--first-cell--colors {
$sBgColor: nth($aAttributes, 1);
tr.ibo-is-#{$sColorLabel} td:first-child::before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background-color: $sBgColor;
}
}
}