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

N°2847 - Improve panel integration regarding the mockups (not done yet)

Browse Source
This commit is contained in:
Molkobain
2021-01-27 22:28:53 +01:00
parent 43290c0ff5
commit da632c3f0f
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
css/backoffice/components/_panel.scss
View File

@@ -28,7 +28,7 @@ $ibo-panel--title--color: $ibo-color-grey-900 !default;
$ibo-panel--subtitle--color: $ibo-color-grey-800 !default;
$ibo-panel--body--background-color: $ibo-color-white-100 !default;
$ibo-panel--body--padding-bottom: 16px !default;
$ibo-panel--body--padding-bottom: 24px !default;
$ibo-panel--body--padding-top: $ibo-panel--body--padding-bottom + $ibo-panel--highlight--height !default;
$ibo-panel--body--padding-x: 16px !default;
$ibo-panel--body--border-radius: $ibo-border-radius-500 !default;
@@ -111,7 +111,7 @@ $ibo-panel-colors: (
.ibo-panel--body {
position: relative;
padding: $ibo-panel--body--padding-top $ibo-panel--body--padding-x $ibo-panel--body--padding-bottom;
padding: $ibo-panel--body--padding-top $ibo-panel--body--padding-x $ibo-panel--body--padding-bottom $ibo-panel--body--padding-x;
background-color: $ibo-panel--body--background-color;
border: solid $ibo-panel--body--border-size $ibo-panel--body--border-color;
border-radius: $ibo-panel--body--border-radius;

1
css/backoffice/components/dashlet/_dashlet-header-dynamic.scss
View File

@@ -10,7 +10,6 @@ $ibo-dashlet-header-dynamic--count--margin-right: 10px !default;
.ibo-dashlet-header-dynamic--container {
display: flex;
flex-wrap: wrap;
padding-top: 12px;
}
.ibo-dashlet-header-dynamic--count {

6
css/backoffice/layout/blocks-integrations/_panel-with-tab-container.scss
View File

@@ -3,6 +3,12 @@
* @license http://opensource.org/licenses/AGPL-3.0
*/
// IMPORTANT: We have to cancel the panel padding because the tab-container already has its own.
// - As the tab-container can be used outside a panel in another type of block, we can't remove it from its partial (_tab-container.scss)
// - This kind of file is the place where *integrations* like this are supposed to be done, keep this in mind when integrating others blocks
// Note: This might not be named well, maybe "tab-container-within-panel" would have been better?
$ibo-panel-with-tab-container--padding-top: -1 * ($ibo-panel--body--padding-top - $ibo-panel--highlight--height) !default;
$ibo-panel-with-tab-container--margin-x: -1 * $ibo-panel--body--padding-x !default;