calendarui/views/resources/caleneventlistviewitem.css
changeset 49 5de72ea7a065
parent 32 ea672fcb0ea0
child 58 ef813d54df51
equal deleted inserted replaced
37:360d55486d7f 49:5de72ea7a065
     5 CalenEventListViewItem[layoutName="custom"][modelItemType="StandardItem"][stretchItem="true"]:landscape{
     5 CalenEventListViewItem[layoutName="custom"][modelItemType="StandardItem"][stretchItem="true"]:landscape{
     6     layout: custom-stretch;
     6     layout: custom-stretch;
     7 }
     7 }
     8 
     8 
     9 CalenEventListViewItem::icon-1[layoutName="custom"]{
     9 CalenEventListViewItem::icon-1[layoutName="custom"]{
    10     top: -var(hb-param-margin-gene-top);
       
    11     left: -var(hb-param-margin-gene-left);
    10     left: -var(hb-param-margin-gene-left);
    12     right: var(hb-param-margin-gene-middle-horizontal);
    11     right: var(hb-param-margin-gene-middle-horizontal);
    13     fixed-width: var(hb-param-graphic-size-secondary);
    12     fixed-width: var(hb-param-graphic-size-primary-small);
    14     fixed-height: var(hb-param-graphic-size-secondary);
    13     fixed-height: var(hb-param-graphic-size-primary-small);
    15 }
    14 }
    16 
    15 
    17 CalenEventListViewItem::icon-2{
    16 CalenEventListViewItem::icon-2{
    18     top: -var(hb-param-margin-gene-top);
    17     top: -var(hb-param-margin-gene-top);
    19     right: var(hb-param-margin-gene-middle-horizontal);
    18     right: var(hb-param-margin-gene-middle-horizontal);
    27     fixed-width: var(hb-param-graphic-size-secondary);
    26     fixed-width: var(hb-param-graphic-size-secondary);
    28     fixed-height: var(hb-param-graphic-size-secondary);
    27     fixed-height: var(hb-param-graphic-size-secondary);
    29 }
    28 }
    30 
    29 
    31 CalenEventListViewItem::icon-4{
    30 CalenEventListViewItem::icon-4{
    32     top: -var(hb-param-margin-gene-middle-vertical);
       
    33     right: var(hb-param-margin-gene-right);
    31     right: var(hb-param-margin-gene-right);
    34     bottom: var(hb-param-margin-gene-bottom);
       
    35     fixed-width: var(hb-param-graphic-size-secondary);
    32     fixed-width: var(hb-param-graphic-size-secondary);
    36     fixed-height: var(hb-param-graphic-size-secondary);
    33     fixed-height: var(hb-param-graphic-size-secondary);
    37 }
    34 }
    38 
    35 
    39 CalenEventListViewItem::text-1{
    36 CalenEventListViewItem::text-1{
    40 		left: -var(hb-param-margin-gene-left);
    37 	left: -var(hb-param-margin-gene-left);
    41 		top: -var(hb-param-margin-gene-top);
    38 	top: -var(hb-param-margin-gene-top);
    42     right: var(hb-param-margin-gene-middle-horizontal);
    39     right: var(hb-param-margin-gene-middle-horizontal);
    43     font-variant: secondary;
    40     font-variant: secondary;
    44 		text-height: var(hb-param-text-height-secondary);
    41 	text-height: var(hb-param-text-height-secondary);
    45     text-align: right;
    42 
    46 }
    43 }
    47 
    44 
    48 CalenEventListViewItem::text-2{
    45 CalenEventListViewItem::text-2{
    49     top: -var(hb-param-margin-gene-top);
    46     top: -var(hb-param-margin-gene-top);
    50     right: var(hb-param-margin-gene-middle-horizontal);
       
    51     bottom: var(hb-param-margin-gene-middle-vertical);
       
    52     font-variant: primary;
    47     font-variant: primary;
    53     text-height: var(hb-param-text-height-secondary);
    48     text-height: var(hb-param-text-height-secondary);
    54     text-align: left;
    49     text-align: left;
    55     fixed-width: 29un;
    50     fixed-width: 29un;
    56 }
    51 }
    57 
    52 
    58 
       
    59 CalenEventListViewItem::text-3{
    53 CalenEventListViewItem::text-3{
    60     text-height: var(hb-param-text-height-primary);
       
    61     top: -var(hb-param-margin-gene-middle-vertical);
    54     top: -var(hb-param-margin-gene-middle-vertical);
    62     right: var(hb-param-margin-gene-right);
       
    63     bottom: var(hb-param-margin-gene-bottom);
    55     bottom: var(hb-param-margin-gene-bottom);
    64     font-variant: secondary;
    56     font-variant: secondary;
    65     text-height: var(hb-param-text-height-secondary);
    57     text-height: var(hb-param-text-height-secondary);
    66     text-align: left;
    58     text-align: left;
    67     fixed-width: 29un;
    59     fixed-width: 35un;
       
    60 }
       
    61 
       
    62 CalenEventListViewItem::text-4{
       
    63     font-variant: secondary;
       
    64     text-height: var(hb-param-text-height-secondary);
    68 }
    65 }
    69 
    66 
    70 CalenEventListViewItem::text-2:landscape[stretchItem="false"]{
    67 CalenEventListViewItem::text-2:landscape[stretchItem="false"]{
    71     fixed-width: 70un;
    68     fixed-width: 70un;
    72 }
    69 }
    73 
       
    74 
    70 
    75 CalenEventListViewItem::text-3:landscape[stretchItem="false"]{
    71 CalenEventListViewItem::text-3:landscape[stretchItem="false"]{
    76     fixed-width: 70un;
    72     fixed-width: 70un;
    77 }
    73 }
    78 
    74 
    79 CalenEventListViewItem::text-2:landscape[stretchItem="true"]{
    75 CalenEventListViewItem::text-2:landscape[stretchItem="true"]{
    80     fixed-width: 35un;
    76     fixed-width: 35un;
       
    77     bottom: var(hb-param-margin-gene-bottom);
    81 }
    78 }
    82 
    79 
    83 CalenEventListViewItem::text-3:landscape[stretchItem="true"]{
    80 CalenEventListViewItem::text-3:landscape[stretchItem="true"]{
    84     fixed-width: 40un;
    81     fixed-width: 40un;
       
    82     top: -var(hb-param-margin-gene-top);
    85 }
    83 }
    86 
       
    87 CalenEventListViewItem::text-4{
       
    88     font-variant: secondary;
       
    89     text-height: var(hb-param-text-height-secondary);
       
    90     left: -var(hb-param-margin-gene-left);
       
    91     top: -var(hb-param-margin-gene-middle-vertical);
       
    92     bottom: var(hb-param-margin-gene-bottom);
       
    93     right: var(hb-param-margin-gene-middle-horizontal);
       
    94     text-align: right;
       
    95 }