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

N°3578 Migrate Datamodel viewer to new style

Browse Source
This commit is contained in:
Stephen Abello
2021-03-04 10:55:01 +01:00
parent f231fa47a0
commit 4d660cc3c8
3 changed files with 291 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
css/backoffice/pages/_all.scss
View File

@@ -8,4 +8,5 @@
@import "attachments";
@import "impact-analysis";
@import "audit";
@import "data-synchro";
@import "data-synchro";
@import "datamodel-viewer";

124
css/backoffice/pages/_datamodel-viewer.scss Normal file
View File

@@ -0,0 +1,124 @@
$ibo-datamodel-viewer--parent--spacer--padding-y: 0 !default;
$ibo-datamodel-viewer--parent--spacer--padding-x: 8px !default;
$ibo-datamodel-viewer--attributes-table--first-column--width: 3px !default;
$ibo-datamodel-viewer--origin-cell--diameter: 8px !default;
$ibo-datamodel-viewer--origin-cell--border-radius: $ibo-border-radius-full !default;
$ibo-datamodel-viewer--classes-list--height: 100% !default;
$ibo-datamodel-viewer--classes-list--max-width: 350px !default;
$ibo-datamodel-viewer--classes-list--padding-left: 24px !default;
$ibo-datamodel-viewer--lifecycle--code--color: $ibo-color-grey-700 !default;
$ibo-datamodel-viewer--lifecycle--stimuli--color: $ibo-color-blue-900 !default;
$ibo-datamodel-viewer--lifecycle--attribute-option--color: $ibo-color-pink-900 !default;
$ibo-datamodel-viewer--schema--rectangle--hover--fill: $ibo-color-grey-400 !default;
$ibo-datamodel-viewer--schema--text--fill: $ibo-color-grey-900 !default;
$ibo-datamodel-viewer--schema--self-referencing--hover--fill: $ibo-datamodel-viewer--schema--rectangle--hover--fill !default;
$ibo-datamodel-viewer--schema--tooltip--fill: $ibo-color-white-100 !default;
$ibo-datamodel-viewer--schema--tooltip--background-color: $ibo-color-grey-900 !default;
$ibo-datamodel-viewer--schema--tooltip--border-color: $ibo-color-grey-700 !default;
$ibo-datamodel-viewer--schema--tooltip--border-radius: $ibo-border-radius-300 !default;
$ibo-datamodel-viewer--schema--tooltip--icon--font-size: $ibo-font-size-100 !default;
$ibo-datamodel-viewer--schema--tooltip--span--margin: 3px !default;
$ibo-datamodel-viewer--schema--tooltip-top--border-color: $ibo-color-grey-700 !default;
$ibo-datamodel-viewer--schema--tooltip-top--padding: 3px !default;
#ibo-datamodel-viewer{
display: flex;
flex-direction: row;
}
.ibo-datamodel-viewer--details{
flex-grow: 1;
.ibo-panel--title .ibo-panel--title-title .ibo-panel--title-title-subtitle{
@extend %ibo-font-ral-nor-150;
}
}
.ibo-datamodel-viewer--parent--spacer{
padding: $ibo-datamodel-viewer--parent--spacer--padding-y $ibo-datamodel-viewer--parent--spacer--padding-x;
}
#ibo-datamodel-viewer--attributes-table{
> tbody tr td:first-child{
width: $ibo-datamodel-viewer--attributes-table--first-column--width;
}
}
.ibo-datamodel-viewer--origin-cell{
vertical-align: middle;
> div {
height: $ibo-datamodel-viewer--origin-cell--diameter;
width: $ibo-datamodel-viewer--origin-cell--diameter;
border-radius: $ibo-datamodel-viewer--origin-cell--border-radius;
}
}
.ibo-datamodel-viewer--classes-list{
position: relative;
height: $ibo-datamodel-viewer--classes-list--height;
max-width: $ibo-datamodel-viewer--classes-list--max-width;
padding-left: $ibo-datamodel-viewer--classes-list--padding-left;
overflow-y: scroll;
}
.ibo-datamodel-viewer--lifecycle--code{
color: $ibo-datamodel-viewer--lifecycle--code--color;
}
.ibo-datamodel-viewer--lifecycle--stimuli{
color: $ibo-datamodel-viewer--lifecycle--stimuli--color;
}
.ibo-datamodel-viewer--lifecycle--attribute-option{
color: $ibo-datamodel-viewer--lifecycle--attribute-option--color;
}
.dataModelSchema g {
cursor: pointer;
}
.dataModelSchema g:hover rect:not(.liseret) {
fill: $ibo-datamodel-viewer--schema--rectangle--hover--fill;
}
.dataModelSchema text {
fill: $ibo-datamodel-viewer--schema--text--fill;
text-anchor: middle;
@extend %ibo-font-ral-nor-100;
}
#selfreferencing:hover ~ g > .selfattr {
fill: $ibo-datamodel-viewer--schema--self-referencing--hover--fill;
}
.tooltipD3 {
position: fixed;
text-align: center;
background: $ibo-datamodel-viewer--schema--tooltip--fill;
border: 1px solid $ibo-datamodel-viewer--schema--tooltip--border-color;
border-radius: $ibo-datamodel-viewer--schema--tooltip--border-radius;
pointer-events: none;
fill: $ibo-datamodel-viewer--schema--tooltip--background-color;
@extend %ibo-font-ral-nor-100;
text-anchor: middle;
i {
font-size: $ibo-datamodel-viewer--schema--tooltip--icon--font-size;
}
span {
margin: $ibo-datamodel-viewer--schema--tooltip--span--margin;
}
}
#tooltipD3_top {
@extend %ibo-font-ral-bol-100;
border-bottom: 1px solid $ibo-datamodel-viewer--schema--tooltip-top--border-color;
padding: $ibo-datamodel-viewer--schema--tooltip-top--padding;
}