com.phloxui
Version:
PhloxUI Ng2+ Framework
28 lines (22 loc) • 508 B
text/less
phx-notification-container{
display: block;
}
.phx-notification-container{
.phlox-transition();
opacity: 0;
position: absolute;
text-align: center;
vertical-align: middle;
width: @NOTIFICATION_CONTAINER_WIDTH;
top: 0;
right: 0;
z-index: @NOTIFICATION_CONTAINER_Z_INDEX;
@barHeight: @APP_PANE_HEIGHT + @MENU_TOP_LAYOUT_PADDING_TOP + @MENU_TOP_LAYOUT_PADDING_BOTTOM;
padding-top: @barHeight + 12pt;
&.show{
opacity: 1;
}
>*{
padding-bottom: @TOAST_NOTIFICATION_ROW_PADDING_BOTTOM;
}
}