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

CSS improvements

Browse Source
This commit is contained in:
Stephen Abello
2021-07-20 10:05:51 +02:00
parent d7a0878a39
commit e3422f5fd9
4 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/backoffice/components/_global-search.scss
View File

@@ -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;

26
css/backoffice/components/_search-form.scss
View File

@@ -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;
}
}
}

2
css/backoffice/layout/_navigation-menu.scss
View File

@@ -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 */

6
css/backoffice/layout/activity-panel/_activity-panel.scss
View File

@@ -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{