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

N°3649 - Activity panel: Move case log entry form above toolbar's actions

Browse Source
This commit is contained in:
Molkobain
2021-02-07 18:16:49 +01:00
parent 6710ffa334
commit aa0fb2b8f7
8 changed files with 125 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/backoffice/layout/_all.scss
View File

@@ -32,4 +32,4 @@
@import "activity-panel/edits-entry";
@import "activity-panel/transition-entry";
@import "activity-panel/caselog-entry-form";
@import "blocks-integrations/panel-with-tab-container";
@import "blocks-integrations/all";

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

@@ -57,6 +57,8 @@ $ibo-activity-panel--tab-toolbar--padding-x: 10px !default;
$ibo-activity-panel--tab-toolbar--text-color: $ibo-color-grey-800 !default;
$ibo-activity-panel--tab-toolbar--background-color: $ibo-activity-panel--tab-toggler--is-active--background-color !default;
$ibo-activity-panel--tab-toolbar-actions--margin-y: 4px !default;
$ibo-activity-panel--tab-toolbar-actions--margin-x: 0 !default;
$ibo-activity-panel--tab-toolbar-actions--height: 32px !default;
$ibo-activity-panel--tab-toolbar-right-actions--elements-spacing: 16px !default;
@@ -87,7 +89,7 @@ $ibo-activity-panel--body--placeholder-hint--margin-top: 16px !default;
$ibo-activity-panel--body--placeholder-hint--color: $ibo-color-grey-800 !default;
$ibo-activity-panel--add-caselog-entry-button--right: 12px !default;
$ibo-activity-panel--add-caselog-entry-button--top: 66px + $ibo-activity-panel--add-caselog-entry-button--right !default;
$ibo-activity-panel--add-caselog-entry-button--top: 76px + $ibo-activity-panel--add-caselog-entry-button--right !default;
$ibo-activity-panel--add-caselog-entry-button--diameter: 36px !default;
$ibo-activity-panel--add-caselog-entry-button--background-color: $ibo-color-primary-600 !default;
$ibo-activity-panel--add-caselog-entry-button--color: $ibo-color-white-100 !default;
@@ -219,6 +221,7 @@ $ibo-activity-panel--entry-forms-confirmation-preference-input--spacing: 0.5rem
@extend %ibo-fully-centered-content;
justify-content: space-between;
flex-wrap: nowrap;
margin: $ibo-activity-panel--tab-toolbar-actions--margin-y $ibo-activity-panel--tab-toolbar-actions--margin-x;
height: $ibo-activity-panel--tab-toolbar-actions--height;
}
.ibo-activity-panel--tab-toolbar-left-actions,

20
css/backoffice/layout/activity-panel/_caselog-entry-form.scss
View File

@@ -4,20 +4,20 @@
*/
$ibo-caselog-entry-form--width: 100% !default;
$ibo-caselog-entry-form--padding-bottom: 12px default;
$ibo-caselog-entry-form--background-color: $ibo-activity-panel--tab-toolbar--background-color !default;
$ibo-caselog-entry-form--actions--margin-top: 6px !default;
$ibo-caselog-entry-form--actions--margin-bottom: 8px !default;
$ibo-caselog-entry-form--actions--margin-top: 8px !default;
$ibo-caselog-entry-form--actions--margin-bottom: $ibo-caselog-entry-form--actions--margin-top !default;
.ibo-caselog-entry-form {
display: block;
width: 100%;
background-color: $ibo-caselog-entry-form--background-color;
.ibo-caselog-entry-form{
display: block;
width: 100%;
background-color: $ibo-caselog-entry-form--background-color;
&.ibo-is-closed{
display: none;
}
&.ibo-is-closed {
display: none;
}
}
.ibo-caselog-entry-form--actions{
display: flex;

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

@@ -0,0 +1,7 @@
/*!
* @copyright Copyright (C) 2010-2021 Combodo SARL
* @license http://opensource.org/licenses/AGPL-3.0
*/
@import "caselog-entry-form-within-activity-panel";
@import "panel-with-tab-container";

14
css/backoffice/layout/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;
}
}