mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
128 lines
3.4 KiB
SCSS
128 lines
3.4 KiB
SCSS
/*
|
|
* @copyright Copyright (C) 2010-2021 Combodo SARL
|
|
* @license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
|
|
$ibo-datatable--toolbar--padding-x: 6px !default;
|
|
$ibo-datatable--toolbar--padding-y: $ibo-spacing-0 !default;
|
|
$ibo-datatable--toolbar--text-color: $ibo-color-grey-800 !default;
|
|
$ibo-datatable--toolbar--elements-spacing: 1rem !default;
|
|
$ibo-datatable--toolbar--table-spacing: 18px !default;
|
|
|
|
$ibo-datatable-header--text-color: $ibo-base-variable--text-color !default;
|
|
|
|
$ibo-datatable-panel--table-spacing: $ibo-spacing-800 !default;
|
|
$ibo-datatable-panel--body--padding: $ibo-panel--body--padding-top $ibo-spacing-0 $ibo-panel--body--padding-bottom !default;
|
|
|
|
$ibo-datatable--row--background-color--is-hover: $ibo-color-primary-200 !default;
|
|
$ibo-datatable--row--background-color--is-selected: $ibo-color-primary-300 !default;
|
|
|
|
$ibo-datatable--selection-validation-buttons-toolbar--margin-top: 10px !default;
|
|
$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;
|
|
|
|
|
|
/* CSS variables (can be changed directly from the browser) */
|
|
:root {
|
|
--ibo-datatable-panel--table-spacing: #{$ibo-datatable-panel--table-spacing};
|
|
}
|
|
|
|
/* Rules */
|
|
.ibo-datatable--toolbar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: $ibo-datatable--toolbar--padding-y $ibo-datatable--toolbar--padding-x;
|
|
|
|
color: $ibo-datatable--toolbar--text-color;
|
|
@extend %ibo-font-size-100;
|
|
|
|
/* Above the table */
|
|
&:first-child {
|
|
margin-bottom: $ibo-datatable--toolbar--table-spacing;
|
|
}
|
|
|
|
/* below the table */
|
|
&:not(:first-child) {
|
|
margin-top: $ibo-datatable--toolbar--table-spacing;
|
|
}
|
|
}
|
|
|
|
.ibo-datatable--toolbar-left,
|
|
.ibo-datatable--toolbar-right {
|
|
@extend %ibo-fully-centered-content;
|
|
|
|
> *:not(:first-child) {
|
|
margin-left: $ibo-datatable--toolbar--elements-spacing;
|
|
}
|
|
}
|
|
|
|
.ibo-datatable-header {
|
|
color: $ibo-datatable-header--text-color;
|
|
}
|
|
|
|
/* TODO 3.0.0: The lines below need to be refactored / placed in the right places (integrations, dedicated block / page, ...) */
|
|
.ibo-datatable-panel > .ibo-panel--body {
|
|
padding: $ibo-datatable-panel--body--padding;
|
|
}
|
|
|
|
// For cancel / OK / next... selection validation buttons
|
|
.ibo-datatable--selection-validation-buttons-toolbar {
|
|
clear: both;
|
|
margin-top: $ibo-datatable--selection-validation-buttons-toolbar--margin-top;
|
|
}
|
|
|
|
.ibo-list-column {
|
|
max-height: $ibo-list-column--max-height;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
// Datatables configure this list dialog
|
|
// Could be in a separate component, but is only used in datatables as of now
|
|
|
|
.ibo-sort-order{
|
|
&::after{
|
|
@extend %fa-solid-base;
|
|
color: $ibo-datatable--sort-order--color;
|
|
}
|
|
&.ibo-is-descending::after{
|
|
content: '\f0dd';
|
|
}
|
|
&.ibo-is-ascending::after{
|
|
content: '\f0de';
|
|
}
|
|
|
|
&.ibo-is-none::after{
|
|
content: '\f0dc';
|
|
}
|
|
}
|
|
|
|
.itop-fieldsorter{
|
|
>.selected{
|
|
background-color: $ibo-fieldsorter--selected--background-color;
|
|
}
|
|
}
|
|
|
|
|
|
.ibo-datatable {
|
|
tbody > tr {
|
|
transition: background-color 300ms linear;
|
|
|
|
&:hover, &.selected:hover {
|
|
cursor: pointer;
|
|
background-color: $ibo-datatable--row--background-color--is-hover;
|
|
}
|
|
|
|
&.selected {
|
|
background-color: $ibo-datatable--row--background-color--is-selected;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ibo-datatable--selected-count, .ibo-datatable--result-count{
|
|
padding-right: 0.2em;
|
|
padding-left: 0.1em;
|
|
} |