N°3649 - Activity panel: Add concurrent lock mechanism

This commit is contained in:
Molkobain
2021-02-19 11:44:22 +01:00
parent c59301ebc6
commit 4d8930832e
10 changed files with 394 additions and 51 deletions

View File

@@ -4,12 +4,19 @@
*/
$ibo-caselog-entry-form--width: 100% !default;
$ibo-caselog-entry-form--padding-bottom: 12px 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: 8px !default;
$ibo-caselog-entry-form--actions--margin-bottom: $ibo-caselog-entry-form--actions--margin-top !default;
$ibo-caselog-entry-form--lock-indicator--margin-top: $ibo-caselog-entry-form--padding-bottom !default;
$ibo-caselog-entry-form--lock-icon--size: 32px !default;
$ibo-caselog-entry-form--lock-icon--text-color: $ibo-color-grey-50 !default;
$ibo-caselog-entry-form--lock-icon--background-color: $ibo-color-grey-800 !default;
$ibo-caselog-entry-form--lock-icon--border-radius: $ibo-border-radius-full !default;
$ibo-caselog-entry-form--lock-message--margin-left: 1rem !default;
.ibo-caselog-entry-form {
display: block;
width: 100%;
@@ -18,14 +25,35 @@ $ibo-caselog-entry-form--actions--margin-bottom: $ibo-caselog-entry-form--action
&.ibo-is-closed {
display: none;
}
}
.ibo-caselog-entry-form--actions{
display: flex;
justify-content: space-between;
margin-top: $ibo-caselog-entry-form--actions--margin-top;
margin-bottom: $ibo-caselog-entry-form--actions--margin-bottom;
}
.ibo-caselog-entry-form--action-buttons--main-actions > .ibo-popover-menu{
z-index: 1;
.ibo-caselog-entry-form--actions {
display: flex;
justify-content: space-between;
margin-top: $ibo-caselog-entry-form--actions--margin-top;
margin-bottom: $ibo-caselog-entry-form--actions--margin-bottom;
}
.ibo-caselog-entry-form--lock-indicator {
margin-top: $ibo-caselog-entry-form--lock-indicator--margin-top;
@extend %ibo-vertically-centered-content;
}
.ibo-caselog-entry-form--lock-icon {
width: $ibo-caselog-entry-form--lock-icon--size;
min-width: $ibo-caselog-entry-form--lock-icon--size; // To avoid icon being shrinked when message is too large
height: $ibo-caselog-entry-form--lock-icon--size;
min-height: $ibo-caselog-entry-form--lock-icon--size;
color: $ibo-caselog-entry-form--lock-icon--text-color;
background-color: $ibo-caselog-entry-form--lock-icon--background-color;
border-radius: $ibo-caselog-entry-form--lock-icon--border-radius;
@extend %ibo-fully-centered-content;
}
.ibo-caselog-entry-form--lock-message {
margin-left: $ibo-caselog-entry-form--lock-message--margin-left;
}
.ibo-caselog-entry-form--action-buttons--main-actions > .ibo-popover-menu {
z-index: 1;
}