com.phloxui
Version:
PhloxUI Ng2+ Framework
76 lines (62 loc) • 1.5 kB
text/less
.phx-default-component-calendar-entry{
width: 100%;
height: 100%;
position: relative;
>.header{
height: @DEFAULT_CALENDAR_ENTRY_HEADER_HEIGHT ;
position: relative;
>.wrapper{
width: 100%;
height: 100%;
display: flex;
position: relative;
padding-left: @DEFAULT_CALENDAR_ENTRY_LIST_POPOVER_PADDING;
padding-right: @DEFAULT_CALENDAR_ENTRY_LIST_POPOVER_PADDING;
>div:first-child {
width: 100%;
height: 100%;
border-bottom: @PHLOX_TABLE_THEAD_BORDER_THICKNESS solid @CLR_BORDER_COLOR;
>.info{
float: left;
width: 90%;
height: 100%;
display: flex;
flex-direction: column-reverse;
padding-bottom: @DEFAULT_COMP_CALENDAR_POPOVER_HEADER_PADDING_BOTTOM;
> div:first-child{
.FC1B();
}
}
>.more{
float: right;
display: block;
width: 10%;
height: 100%;
.vertical-ellipsis{
.FC2();
color: @CLR_FIXED_FONT;
text-align: right;
}
}
}
}
}
>.body{
//height: @DEFAULT_CALENDAR_ENTRY_BODY_HEIGHT !important;
overflow-y: auto;
position: relative;
>.wrapper{
width: 100%;
padding-left: @DEFAULT_CALENDAR_ENTRY_LIST_POPOVER_PADDING;
padding-right: @DEFAULT_CALENDAR_ENTRY_LIST_POPOVER_PADDING;
>.description {
.FC0();
color: extract(@CLR_1, 6);
padding-top: @DEFAULT_COMP_CALENDAR_POPOVER_DESC_PADDING_TOP;
padding-bottom: @DEFAULT_COMP_CALENDAR_POPOVER_DESC_PADDING_TOP;
}
>.content {
}
}
}
}