diff --git a/css/backoffice/components/_global-search.scss b/css/backoffice/components/_global-search.scss index a734f7682..169b0c27d 100644 --- a/css/backoffice/components/_global-search.scss +++ b/css/backoffice/components/_global-search.scss @@ -22,7 +22,7 @@ $ibo-global-search--head--background-color: $ibo-color-white-100 !default; $ibo-global-search--icon-padding-x: 16px !default; $ibo-global-search--icon-padding-y: 0 !default; -$ibo-global-search--input--padding: 0 default; +$ibo-global-search--input--padding: 0 !default; $ibo-global-search--input--padding-x--is-opened: 8px !default; $ibo-global-search--input--padding-y--is-opened: 8px !default; $ibo-global-search--input--width: 0 !default; @@ -102,6 +102,7 @@ $ibo-global-search--compartment--placeholder-hint--text-color: $ibo-color-grey-7 padding: $ibo-global-search--input--padding; width: $ibo-global-search--input--width; color: $ibo-global-search--input--text-color; + background-color: transparent; @extend %ibo-font-ral-nor-300; border: none; diff --git a/css/backoffice/components/_search-form.scss b/css/backoffice/components/_search-form.scss index 170d667ac..86c395bb2 100644 --- a/css/backoffice/components/_search-form.scss +++ b/css/backoffice/components/_search-form.scss @@ -9,6 +9,17 @@ $ibo-search-form-panel--body--padding-top: 18px !default; $ibo-search-form-panel--body--padding-bottom: 10px !default; $ibo-search-form-panel--body--padding-x: 14px !default; +$ibo-search-form-panel--criteria--color: $ibo-color-grey-900 !default; +$ibo-search-form-panel--criteria--background-color: $ibo-color-white-200 !default; +$ibo-search-form-panel--criteria--locked--background-color: $ibo-color-grey-300 !default; + +$ibo-search-form-panel--more-criteria--color: $ibo-color-blue-grey-800 !default; +$ibo-search-form-panel--more-criteria--background-color: $ibo-color-white-100 !default; +$ibo-search-form-panel--more-criteria--icon--color: $ibo-color-primary-600 !default; + +$ibo-search-form-panel--misc-button--background-color: $ibo-search-form-panel--more-criteria--background-color !default; +$ibo-search-form-panel--misc-button--icon--color: $ibo-search-form-panel--more-criteria--icon--color !default; + $ibo-search-results-area--z-index: $ibo-search-form-panel--z-index - 2 !default; /* Minus 2 because the criteria expands between the search form panel and the results area */ $ibo-search-results-area--datatable-toolbar--background-color--is-sticking: $ibo-panel--body--background-color !default; @@ -140,7 +151,6 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search .sf_criterion_area { /*display: none;*/ padding: 8px 8px 3px 8px; /* padding-bottom must equals to padding-top - .search_form_criteria:margin-bottom */ - background-color: $ibo-color-white-100; .sf_criterion_row { @@ -229,7 +239,7 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search .search_form_criteria { /* Non editable criteria */ &.locked { - background-color: $ibo-color-grey-200; + background-color: $ibo-search-form-panel--criteria--locked--background-color; .sfc_title { user-select: none; @@ -278,8 +288,8 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search } > * { - background-color: $ibo-color-white-200; - color: $ibo-color-grey-900; + background-color: $ibo-search-form-panel--criteria--background-color; + color: $ibo-search-form-panel--criteria--color; } /* Top left corner icons */ @@ -646,8 +656,8 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search } > * { - background-color: $ibo-color-white-100; - color: $ibo-color-blue-grey-800; + background-color: $ibo-search-form-panel--more-criteria--background-color; + color: $ibo-search-form-panel--more-criteria--icon--color; } .sfm_toggler { @@ -702,8 +712,8 @@ $ibo-search-results-area--datatable-scrollhead--border--is-sticking: $ibo-search cursor: pointer; > * { - background-color: $ibo-color-white-100; - color: $ibo-color-primary-600; + background-color: $ibo-search-form-panel--misc-button--background-color; + color: $ibo-search-form-panel--misc-button--icon--color; } } } diff --git a/css/backoffice/layout/_navigation-menu.scss b/css/backoffice/layout/_navigation-menu.scss index ed06b0e12..c0d2fb4c9 100644 --- a/css/backoffice/layout/_navigation-menu.scss +++ b/css/backoffice/layout/_navigation-menu.scss @@ -98,7 +98,7 @@ $ibo-navigation-menu--menu-group-title--text-color--is-active: $ibo-color-blue-g $ibo-navigation-menu--drawer--width: 312px !default; $ibo-navigation-menu--drawer--padding-x: 20px !default; $ibo-navigation-menu--drawer--padding-y: 32px !default; -$ibo-navigation-menu--drawer--background-color: $ibo-color-grey-100 !default; +$ibo-navigation-menu--drawer--background-color: $ibo-navigation-menu--menu-group--background-color--is-active !default; $ibo-navigation-menu--drawer--border-right: 1px solid $ibo-color-grey-300 !default; /* TODO: Refactor this into the standard field input */ diff --git a/css/backoffice/layout/activity-panel/_activity-panel.scss b/css/backoffice/layout/activity-panel/_activity-panel.scss index cc1dd8790..852252b13 100644 --- a/css/backoffice/layout/activity-panel/_activity-panel.scss +++ b/css/backoffice/layout/activity-panel/_activity-panel.scss @@ -34,7 +34,9 @@ $ibo-activity-panel--togglers--elements-spacing: 0.75rem !default; /* - Tabs togglers*/ $ibo-activity-panel--tabs-togglers--padding-x: $ibo-activity-panel--padding-x * 3 !default; /* We need to increase this so the size toggler which will be set in abs. pos. can overlap it nicely */ +$ibo-activity-panel--tab-toolbar-action--color: $ibo-color-grey-900 !default; +$ibo-activity-panel--tab-toolbar-info--color: $ibo-activity-panel--tab-toolbar-action--color !default; /* - Tab toggler */ $ibo-activity-panel--tab-toggler--caselog-highlight-colors: $ibo-caselog-highlight-colors !default; $ibo-activity-panel--tab-toggler--is-active--background-color: $ibo-color-grey-200 !default; @@ -278,7 +280,8 @@ $ibo-activity-panel--open-icon--margin-left: 0.75rem !default; } .ibo-activity-panel--tab-toolbar-right-actions { .ibo-activity-panel--tab-toolbar-info { - > .ibo-activity-panel--tab-toolbar-info-icon { + color: $ibo-activity-panel--tab-toolbar-info--color; + > .ibo-activity-panel--tab-toolbar-info-icon { margin-left: $ibo-activity-panel--tab-toolbar-info-icon--margin-left; } @@ -289,6 +292,7 @@ $ibo-activity-panel--open-icon--margin-left: 0.75rem !default; } .ibo-activity-panel--tab-toolbar-action{ position: relative; + color: $ibo-activity-panel--tab-toolbar-action--color; @extend %ibo-fully-centered-content; } .ibo-activity-panel--filter{