diff --git a/css/backoffice/components/input/_input.scss b/css/backoffice/components/input/_input.scss index 86f7f8e5f..81040094e 100644 --- a/css/backoffice/components/input/_input.scss +++ b/css/backoffice/components/input/_input.scss @@ -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; diff --git a/css/backoffice/vendors/_datatables.scss b/css/backoffice/vendors/_datatables.scss index 0b4a2bfb4..ba6955f69 100644 --- a/css/backoffice/vendors/_datatables.scss +++ b/css/backoffice/vendors/_datatables.scss @@ -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; }