mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
1a21f234b6
* add stylelint * fix style first part * fix style second part * fix style third part * fix style fourth part * Fix e2e tests first part * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * fix insights * fix style abotu component * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * [ADF-3746] Rebase branch * Fix e2e tests second part * Rebase branch * fix style third part * fix style fourth part * Fix list error * Fix e2e tests second part * Rebase branch * Fix list error * fix new style added * tslint fix * [ADF-3746] Fix scss errors on Process Filters Cloud component
77 lines
1.8 KiB
SCSS
77 lines
1.8 KiB
SCSS
@mixin adf-diagram-tooltip-theme($theme) {
|
|
|
|
.adf {
|
|
&-diagram-tooltip {
|
|
transform: scale(0);
|
|
transform-origin: top center;
|
|
z-index: 999;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
line-height: 14px;
|
|
font-size: 14px;
|
|
max-width: 300px;
|
|
position: fixed;
|
|
top: -500px;
|
|
left: -500px;
|
|
text-align: left;
|
|
will-change: unset;
|
|
border: 1px solid #c5c5c5;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
&-diagram-tooltip.adf-is-active {
|
|
animation: tooltipAnimation 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
|
|
}
|
|
|
|
&-diagram-tooltip-header {
|
|
background-color: rgba(43, 65, 79, 0.95);
|
|
color: #fff;
|
|
padding: 8px;
|
|
font-weight: bold;
|
|
min-width: 200px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
&-diagram-tooltip-body {
|
|
color: #4a4a4a;
|
|
background-color: rgba(255, 255, 255, 0.95);
|
|
}
|
|
|
|
&-diagram-tooltip-body > div {
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
&-diagram-tooltip-body > div:first-child {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
&-diagram-tooltip-body > div:last-child {
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
&-diagram-propertyName {
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
&-diagram-propertyValue {
|
|
font-style: italic;
|
|
}
|
|
}
|
|
|
|
@keyframes tooltipAnimation {
|
|
0% {
|
|
transform: scale(0);
|
|
opacity: 0;
|
|
}
|
|
50% {
|
|
transform: scale(0.99);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|