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

N°3634 - Feedback alpha 3.0 : finish list - Fix css

Browse Source
This commit is contained in:
acognet
2021-03-01 18:15:53 +01:00
parent c2dc2c6100
commit 291e1d0c30
2 changed files with 73 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/backoffice/components/input/_input.scss
View File

@@ -1,12 +1,11 @@
/*!
* copyright Copyright (C) 2010-2020 Combodo SARL
* license http://opensource.org/licenses/AGPL-3.0
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-input--height: 30px !default;
$ibo-input--width: 100% !default;
$ibo-input--background-color: $ibo-color-white-100 !default;
$ibo-input--color: $ibo-color-grey-900 !default;
$ibo-input--background-color: $ibo-color-white-100 !default;
$ibo-input--border-color: $ibo-color-grey-500 !default;

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

@@ -1,47 +1,57 @@
$ibo-vendors-datatable--toolbar--elements--padding-top: 0.755em !default;
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-vendors-datatable--sorting--opacity: 0.3 !default;
$ibo-vendors-datatable--sorting--right: 1em !default;
$ibo-vendors-datatables--toolbar--elements--padding-top: 0.755em !default;
$ibo-vendors-datatable--pagination--color: $ibo-color-grey-800 !default;
$ibo-vendors-datatables--sorting--opacity: 0.3 !default;
$ibo-vendors-datatables--sorting--right: 1em !default;
$ibo-vendors-datatable--pagination--position-x: 1.21% !default;
$ibo-vendors-datatable--pagination--position-top: 91.58% !default;
$ibo-vendors-datatable--pagination--position-bottom: 4.85% !default;
$ibo-vendors-datatable--pagination--button-margin-x: 0.5em !default;
$ibo-vendors-datatables--pagination--color: $ibo-color-grey-800 !default;
$ibo-vendors-datatable--select-info--padding-left: 2em !default;
$ibo-vendors-datatables--pagination--position-x: 1.21% !default;
$ibo-vendors-datatables--pagination--position-top: 91.58% !default;
$ibo-vendors-datatables--pagination--position-bottom: 4.85% !default;
$ibo-vendors-datatables--pagination--button-margin-x: 0.5em !default;
$ibo-vendors-datatable--paginate--padding-top: $ibo-vendors-datatable--toolbar--elements--padding-top !default;
$ibo-vendors-datatable--paginate--padding-left: 2em !default;
$ibo-vendors-datatables--select-info--padding-left: 2em !default;
$ibo-vendors-datatable--paginate-button--link--color: $ibo-color-grey-800 !default;
$ibo-vendors-datatable--paginate-button--link--hover--color: $ibo-color-blue-grey-200 !default;
$ibo-vendors-datatables--paginate--padding-top: $ibo-vendors-datatables--toolbar--elements--padding-top !default;
$ibo-vendors-datatables--paginate--padding-left: 2em !default;
$ibo-vendors-datatable--paginate-button-active--link--color: $ibo-color-grey-900 !default;
$ibo-vendors-datatable--paginate-button-active--link--background-color: $ibo-color-grey-200 !default;
$ibo-vendors-datatable--paginate-button-active--link--padding-y: 2px !default;
$ibo-vendors-datatable--paginate-button-active--link--padding-x: 6px !default;
$ibo-vendors-datatable--paginate-button-active--link--box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.15) !default;
$ibo-vendors-datatable--paginate-button-active--link--border-radius: $ibo-border-radius-300 !default;
$ibo-vendors-datatables--paginate-button--link--color: $ibo-color-grey-800 !default;
$ibo-vendors-datatables--paginate-button--link--hover--color: $ibo-color-blue-grey-200 !default;
$ibo-vendors-datatable--toolbar--length--padding-right: 0.5em !default;
$ibo-vendors-datatable--toolbar--length--select--height: 18px !default;
$ibo-vendors-datatable--toolbar--length--select--width: unset !default;
$ibo-vendors-datatable--toolbar--length--select--padding-y: 1px !default;
$ibo-vendors-datatable--toolbar--length--select--padding-x: 2px !default;
$ibo-vendors-datatable--toolbar--info--padding-right: 2em !default;
$ibo-vendors-datatable--toolbar--info--padding-left: 0em !default;
$ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--toolbar--length--select--height + $ibo-vendors-datatable--toolbar--length--select--padding-y !default;
$ibo-vendors-datatables--paginate-button-active--link--color: $ibo-color-grey-900 !default;
$ibo-vendors-datatables--paginate-button-active--link--background-color: $ibo-color-grey-200 !default;
$ibo-vendors-datatables--paginate-button-active--link--padding-y: 2px !default;
$ibo-vendors-datatables--paginate-button-active--link--padding-x: 6px !default;
$ibo-vendors-datatables--paginate-button-active--link--box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.15) !default;
$ibo-vendors-datatables--paginate-button-active--link--border-radius: $ibo-border-radius-300 !default;
$ibo-vendors-datatables--toolbar--length--padding-right: 0.5em !default;
$ibo-vendors-datatables--toolbar--length--select--height: 18px !default;
$ibo-vendors-datatables--toolbar--length--select--width: unset !default;
$ibo-vendors-datatables--toolbar--length--select--padding-y: 1px !default;
$ibo-vendors-datatables--toolbar--length--select--padding-x: 2px !default;
$ibo-vendors-datatables--toolbar--info--padding-right: 2em !default;
$ibo-vendors-datatables--toolbar--info--padding-left: 0em !default;
$ibo-vendors-datatables--toolbar--info--line-height: $ibo-vendors-datatables--toolbar--length--select--height + $ibo-vendors-datatables--toolbar--length--select--padding-y !default;
$ibo-vendors-datatables--color: $ibo-color-grey-900 !default;
$ibo-vendors-datatables--background-color: $ibo-color-white-100 !default;
$ibo-vendors-datatables--border-color: $ibo-color-grey-500 !default;
$ibo-vendors-datatables--border-radius: $ibo-border-radius-300 !default;
$ibo-vendors-datatables--focus--border-color: $ibo-color-primary-600 !default;
.dataTables_scrollHead thead tr th.sorting::after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0dc";
font-weight: 900;
opacity: $ibo-vendors-datatable--sorting--opacity;
right: $ibo-vendors-datatable--sorting--right;
opacity: $ibo-vendors-datatables--sorting--opacity;
right: $ibo-vendors-datatables--sorting--right;
}
.dataTables_scrollHead thead tr th.sorting_desc:after {
@@ -49,7 +59,7 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
font-family: "Font Awesome 5 Free";
content: "\f0d7";
font-weight: 900;
right: $ibo-vendors-datatable--sorting--right;
right: $ibo-vendors-datatables--sorting--right;
}
.dataTables_scrollHead thead tr th.sorting_asc:after {
@@ -57,27 +67,27 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0d8";
right: $ibo-vendors-datatable--sorting--right;
right: $ibo-vendors-datatables--sorting--right;
}
.pagination {
color: $ibo-vendors-datatable--pagination--color;
color: $ibo-vendors-datatables--pagination--color;
left: $ibo-vendors-datatable--pagination--position-x;
right: $ibo-vendors-datatable--pagination--position-x;
top: $ibo-vendors-datatable--pagination--position-top;
bottom: $ibo-vendors-datatable--pagination--position-bottom;
left: $ibo-vendors-datatables--pagination--position-x;
right: $ibo-vendors-datatables--pagination--position-x;
top: $ibo-vendors-datatables--pagination--position-top;
bottom: $ibo-vendors-datatables--pagination--position-bottom;
.paginate_button {
margin-left: $ibo-vendors-datatable--pagination--button-margin-x;
margin-right: $ibo-vendors-datatable--pagination--button-margin-x;
margin-left: $ibo-vendors-datatables--pagination--button-margin-x;
margin-right: $ibo-vendors-datatables--pagination--button-margin-x;
}
}
.dataTables_paginate {
float: left;
padding-top: $ibo-vendors-datatable--paginate--padding-top;
padding-left: $ibo-vendors-datatable--paginate--padding-left;
padding-top: $ibo-vendors-datatables--paginate--padding-top;
padding-left: $ibo-vendors-datatables--paginate--padding-left;
}
.paginate_button {
@@ -87,11 +97,11 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
.paginate_button a {
@extend %ibo-font-ral-med-100;
color: $ibo-vendors-datatable--paginate-button--link--color;
color: $ibo-vendors-datatables--paginate-button--link--color;
}
.paginate_button a:hover {
color: $ibo-vendors-datatable--paginate-button--link--hover--color;
color: $ibo-vendors-datatables--paginate-button--link--hover--color;
}
.paginate_button.disabled a:hover {
@@ -101,10 +111,10 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
.paginate_button.active a {
@extend %ibo-font-ral-med-100;
color: $ibo-vendors-datatable--paginate-button-active--link--color;
background-color: $ibo-vendors-datatable--paginate-button-active--link--background-color;
padding: $ibo-vendors-datatable--paginate-button-active--link--padding-y $ibo-vendors-datatable--paginate-button-active--link--padding-x;
box-shadow: $ibo-vendors-datatable--paginate-button-active--link--box-shadow;
color: $ibo-vendors-datatables--paginate-button-active--link--color;
background-color: $ibo-vendors-datatables--paginate-button-active--link--background-color;
padding: $ibo-vendors-datatables--paginate-button-active--link--padding-y $ibo-vendors-datatables--paginate-button-active--link--padding-x;
box-shadow: $ibo-vendors-datatables--paginate-button-active--link--box-shadow;
border-radius: $ibo-border-radius-300;
}
@@ -114,14 +124,14 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
position: relative;
float: right;
padding-top: $ibo-vendors-datatable--toolbar--elements--padding-top;
padding-right: $ibo-vendors-datatable--toolbar--info--padding-right;
padding-left: $ibo-vendors-datatable--toolbar--info--padding-left;
line-height: $ibo-vendors-datatable--toolbar--info--line-height;
padding-top: $ibo-vendors-datatables--toolbar--elements--padding-top;
padding-right: $ibo-vendors-datatables--toolbar--info--padding-right;
padding-left: $ibo-vendors-datatables--toolbar--info--padding-left;
line-height: $ibo-vendors-datatables--toolbar--info--line-height;
}
.select-info {
padding-left: $ibo-vendors-datatable--select-info--padding-left;
padding-left: $ibo-vendors-datatables--select-info--padding-left;
}
.dataTables_length {
@@ -130,8 +140,8 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
position: relative;
float: right;
padding-top: $ibo-vendors-datatable--toolbar--elements--padding-top;
padding-right: $ibo-vendors-datatable--toolbar--length--padding-right;
padding-top: $ibo-vendors-datatables--toolbar--elements--padding-top;
padding-right: $ibo-vendors-datatables--toolbar--length--padding-right;
select {
/*
@@ -141,18 +151,18 @@ $ibo-vendors-datatable--toolbar--info--line-height: $ibo-vendors-datatable--tool
*/
@extend .ibo-input-select;
@extend %ibo-vertically-centered-content;
background-color: $ibo-input--background-color;
color: $ibo-input--color;
border: 1px solid $ibo-input--border-color;
border-radius: $ibo-input--border-radius;
background-color: $ibo-vendors-datatables--background-color;
color: $ibo-vendors-datatables--color;
border: 1px solid $ibo-vendors-datatables--border-color;
border-radius: $ibo-vendors-datatables--border-radius;
&:focus {
border: 1px solid $ibo-input--focus--border-color;
border: 1px solid $ibo-vendors-datatables--border-color;
}
height: $ibo-vendors-datatable--toolbar--length--select--height;
width: $ibo-vendors-datatable--toolbar--length--select--width;
padding: $ibo-vendors-datatable--toolbar--length--select--padding-y $ibo-vendors-datatable--toolbar--length--select--padding-x;
height: $ibo-vendors-datatables--toolbar--length--select--height;
width: $ibo-vendors-datatables--toolbar--length--select--width;
padding: $ibo-vendors-datatables--toolbar--length--select--padding-y $ibo-vendors-datatables--toolbar--length--select--padding-x;
@extend %ibo-font-ral-med-100;
}