@c8y/style
Version:
Styles for Cumulocity IoT applications
41 lines (37 loc) • 797 B
text/less
/**
* C8Y Asset Notes - Asset notes component
*
* Note: Uses @component-padding and @size-* tokens for spacing.
*
* Intentionally hardcoded values:
* - Component-specific dimensions (200px): Flex basis
* - Typography size (62px): Icon font size
* - Percentages (100%): Layout
*/
c8y-asset-notes {
position: relative;
display: block;
padding: @component-padding;
height: 100%;
.asset-notes-icon {
align-self: flex-start;
margin-right: @size-10;
font-size: 62px;
}
.asset-notes-content {
flex: 1 0 200px;
}
.asset-notes-body {
padding-top: @component-padding;
}
}
.card.card-dashboard > .card-inner-scroll {
> c8y-ui-component {
display: block;
height: 100%;
> c8y-asset-notes {
display: block;
height: 100%;
}
}
}