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

SCSS: Fix import ordering of the custom root folders

Browse Source
This commit is contained in:
Molkobain
2021-05-22 23:00:05 +02:00
parent 0948c46dc7
commit c240a8991d
12 changed files with 19 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
css/backoffice/blocks-integrations/_add-to-dashboard.scss Normal file
View File

@@ -0,0 +1,16 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
.ibo-details .ibo-prop--apply > span, .ibo-details .ibo-prop--cancel > span {
display: unset;
}
.ibo-details .ibo-prop--apply {
display: table-column;
}
.ibo-details {
margin-top: 5px;
}

14
css/backoffice/blocks-integrations/_all.scss Normal file
View File

@@ -0,0 +1,14 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
@import "dashlet-within-dashboard";
@import "add-to-dashboard";
@import "caselog-entry-form-within-activity-panel";
@import "panel-with-datatable";
@import "panel-with-tab-container";
@import "panel-within-main-content";
@import "panel-within-modal";
@import "object-details-with-tab-container";
@import "medallion-with-blocklist";

14
css/backoffice/blocks-integrations/_caselog-entry-form-within-activity-panel.scss Normal file
View File

@@ -0,0 +1,14 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-caselog-entry-form-within-activity-panel--padding-bottom: 14px !default;
$ibo-caselog-entry-form-within-activity-panel--border-bottom: 1px solid $ibo-color-grey-500 !default;
.ibo-activity-panel--tab-entry-form {
.ibo-caselog-entry-form {
padding-bottom: $ibo-caselog-entry-form-within-activity-panel--padding-bottom;
border-bottom: $ibo-caselog-entry-form-within-activity-panel--border-bottom;
}
}

23
css/backoffice/blocks-integrations/_dashlet-within-dashboard.scss Normal file
View File

@@ -0,0 +1,23 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
$ibo-dashlet-within-dashboard--dashlet-header-static--margin-top--is-first-dashlet: 0 !default;
$ibo-dashlet-within-dashboard--dashlet-header-static--margin-top--is-not-first-dashlet: 12px !default;
.ibo-dashboard--grid-row{
// Margin on top to have a better visual separation like with fieldsets
.ibo-dashlet-header-static{
margin-top: $ibo-dashlet-within-dashboard--dashlet-header-static--margin-top--is-not-first-dashlet;
}
// When the ibo-dashlet-header-static is the first dashlet of the dashboard, it must not have margin on top
&:first-child{
.ibo-dashlet:first-child{
.ibo-dashlet-header-static{
margin-top: $ibo-dashlet-within-dashboard--dashlet-header-static--margin-top--is-first-dashlet;
}
}
}
}

11
css/backoffice/blocks-integrations/_medallion-with-blocklist.scss Normal file
View File

@@ -0,0 +1,11 @@
.ibo-blocklist--empty-text, .ibo-blocklist--create-new{
text-align: center;
}
.ibo-blocklist--medallion{
> .ibo-medallion-icon--image{
margin: 0 auto;
}
> .ibo-medallion-icon--description{
flex-grow: 1;
}
}

17
css/backoffice/blocks-integrations/_object-details-with-tab-container.scss Normal file
View File

@@ -0,0 +1,17 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
// Note: We use the child ">" selector to ensure this applies only the child tab container, not another one that would be nested
.ibo-object-details.ibo-has-medallion-icon {
> .ibo-panel--body {
// Only for horizontal tabs
> .ibo-tab-container:not(.ibo-is-vertical) {
> .ibo-tab-container--tabs-list {
// Align tab toggler's title with the panel's title
padding-left: calc(#{$ibo-object-details--icon--spacing--as-medallion} + #{$ibo-object-details--icon--size} + #{$ibo-object-details--icon--spacing--as-medallion} - #{$ibo-tab-container--tab-toggler--padding-x});
}
}
}
}

5
css/backoffice/blocks-integrations/_panel-with-datatable.scss Normal file
View File

@@ -0,0 +1,5 @@
.ibo-panel .ibo-panel--body{
.ibo-datatable{
width: 100%
}
}

60
css/backoffice/blocks-integrations/_panel-with-tab-container.scss Normal file
View File

@@ -0,0 +1,60 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @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;
// Note: We use the child ">" selector to ensure this applies only the child tab container, not another one that would be nested
.ibo-panel {
> .ibo-panel--body {
> .ibo-tab-container {
margin-top: $ibo-panel-with-tab-container--padding-top;
margin-left: $ibo-panel-with-tab-container--margin-x;
margin-right: $ibo-panel-with-tab-container--margin-x;
> .ibo-tab-container--tab-container-list {
height: 100%;
overflow-y: auto;
flex-grow: 1;
}
&.ibo-is-vertical {
display: flex;
flex-direction: row;
> .ibo-tab-container--tabs-list {
padding-top: 50px;
flex-direction: column;
height: auto;
padding-left: unset;
margin-right: unset;
min-width: calc(32px + 90px + 32px);
> .ibo-tab-container--tab-header {
height: 50px;
width: 100%;
justify-content: left;
> .ibo-tab-container--tab-toggler {
width: 100%;
justify-content: left;
}
}
}
> .ibo-tab-container--tab-container {
flex-grow: 1;
margin-left: unset;
}
}
}
}
}