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

N°3914 Fix configure this list button alignment and add background color to selected fields

Browse Source
This commit is contained in:
Stephen Abello
2021-06-04 10:27:30 +02:00
parent bf22c8b67a
commit b245275c7d
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/backoffice/components/_datatable.scss
View File

@@ -16,6 +16,8 @@ $ibo-list-column--max-height: 150px !default;
$ibo-datatable--sort-order--color: $ibo-color-orange-600 !default;
$ibo-fieldsorter--selected--background-color: $ibo-color-blue-200 !default;
.ibo-datatable--toolbar {
display: flex;
justify-content: space-between;
@@ -83,4 +85,10 @@ $ibo-datatable--sort-order--color: $ibo-color-orange-600 !default;
&.ibo-is-none::after{
content: '\f0dc';
}
}
.itop-fieldsorter{
>.selected{
background-color: $ibo-fieldsorter--selected--background-color;
}
}

8
css/backoffice/layout/multi-column/_column.scss
View File

@@ -28,7 +28,13 @@ $ibo-column--margin-bottom--is-last-element: 48px !default;
flex-shrink: 1;
padding: $ibo-column--padding-y $ibo-column--padding-x;
flex-basis: 10%;
display: flex;
flex-direction: column;
>.ibo-button{
margin-left: 0;
margin-right: 0;
}
&:not(:last-child) {
margin-bottom: $ibo-column--margin-bottom--is-last-element;
}

4
js/field_sorter.js
View File

@@ -24,8 +24,8 @@ $(function()
var me = this;
this._initFields();
this.moveup_btn = $('<button type="button" disabled class="ibo-button ibo-button--vertical-align">'+this.options.labels.moveup+'</button>');
this.movedown_btn = $('<button type="button" disabled class="ibo-button ibo-button--vertical-align">'+this.options.labels.movedown+'</button>');
this.moveup_btn = $('<button type="button" disabled class="ibo-button ibo-is-regular ibo-is-neutral ibo-button--vertical-align">'+this.options.labels.moveup+'</button>');
this.movedown_btn = $('<button type="button" disabled class="ibo-button ibo-is-regular ibo-is-neutral ibo-button--vertical-align">'+this.options.labels.movedown+'</button>');
columnWithButtons = $('<div class="ibo-mini-column"></div>');
this.element.parent().parent().append(columnWithButtons.append(this.moveup_btn).append('<br>').append(this.movedown_btn));
this.moveup_btn.on('click', function () {