composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-29 05:28:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°4021 - Introduce sticky header for panels and object details (tab container to be done)

Browse Source
This commit is contained in:
Molkobain
2021-05-25 20:16:36 +02:00
committed by Eric
parent 3b20dfcae5
commit 3eec045b67
12 changed files with 526 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
css/backoffice/blocks-integrations/_panel-within-modal.scss Normal file
View File

@@ -0,0 +1,24 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-panel-within-modal--header--top--is-sticky: -1 * $ibo-vendors-jqueryui--ui-dialog-content--padding-y !default;
.ui-dialog-content {
/*
* Careful: Here we get all the "descendants" instead of the first closest panel in the modal, which could cause some glitches in the future.
* For now we decided to stay that way for the following reasons, if that changes in the future keep the repercussions on descendants panels in mind.
* - We don't have nested sticky panels (yet)
* - We don't want to hardcode the modal's markup selector if not necessary as it could change in the future (and is already different in read-only vs edition)
* - Unlike in JS, there no easy way to find the closest descendant
*/
.ibo-panel {
/* Sticky header rules */
> .ibo-panel--header {
&.ibo-is-sticking {
top: $ibo-panel-within-modal--header--top--is-sticky;
}
}
}
}