calendarui/views/resources/caleneventlistviewitem.css
changeset 57 bb2d3e476f29
parent 55 2c54b51f39c4
child 64 1881ad52dc45
equal deleted inserted replaced
55:2c54b51f39c4 57:bb2d3e476f29
     1 CalenEventListViewItem[layoutName="custom"]:portrait{
     1 CalenEventListViewItem[leftAllDayIcon="false"]:portrait{
     2 	layout: custom;
     2 	layout: custom;
     3 }
     3 }
     4 
     4 
     5 CalenEventListViewItem[layoutName="custom"][modelItemType="StandardItem"][stretchItem="true"]:landscape{
     5 CalenEventListViewItem[leftAllDayIcon="false"]:landscape{
     6     layout: custom-stretch;
     6     layout: custom;
     7 }
     7 }
     8 
     8 
     9 CalenEventListViewItem::icon-1[layoutName="custom"]{
     9 CalenEventListViewItem[leftAllDayIcon="true"]:portrait{
    10 	top: -var(hb-param-margin-gene-top);
    10 	layout: custom-subjecticon;
       
    11 }
       
    12 
       
    13 CalenEventListViewItem[leftAllDayIcon="true"]:landscape{
       
    14     layout: custom-subjecticon;
       
    15 }
       
    16 
       
    17 
       
    18 CalenEventListViewItem[locationEntry="true"]:portrait{
       
    19 	layout: custom-locationentry;
       
    20 }
       
    21 
       
    22 CalenEventListViewItem[locationEntry="true"]:landscape{
       
    23     layout: custom-locationentry;
       
    24 }
       
    25 
       
    26 
       
    27 CalenEventListViewItem::icon-1{
    11     left: -var(hb-param-margin-gene-left);
    28     left: -var(hb-param-margin-gene-left);
    12     right: var(hb-param-margin-gene-middle-horizontal);
       
    13     fixed-width: var(hb-param-graphic-size-primary-small);
    29     fixed-width: var(hb-param-graphic-size-primary-small);
    14     fixed-height: var(hb-param-graphic-size-primary-small);
    30     fixed-height: var(hb-param-graphic-size-primary-small);
    15 }
    31 }
    16 
    32 
    17 CalenEventListViewItem::icon-2{
    33 CalenEventListViewItem::icon-2{
    18     top: -var(hb-param-margin-gene-top);
       
    19     right: var(hb-param-margin-gene-middle-horizontal);
    34     right: var(hb-param-margin-gene-middle-horizontal);
    20     fixed-width: var(hb-param-graphic-size-secondary);
    35     fixed-width: var(hb-param-graphic-size-secondary);
    21     fixed-height: var(hb-param-graphic-size-secondary);
    36     fixed-height: var(hb-param-graphic-size-secondary);
    22 }
    37 }
    23 
    38 
    24 CalenEventListViewItem::icon-3{
    39 CalenEventListViewItem::icon-3{
    25     top: -var(hb-param-margin-gene-top);
       
    26     right: var(hb-param-margin-gene-right);
    40     right: var(hb-param-margin-gene-right);
    27     fixed-width: var(hb-param-graphic-size-secondary);
    41     fixed-width: var(hb-param-graphic-size-secondary);
    28     fixed-height: var(hb-param-graphic-size-secondary);
    42     fixed-height: var(hb-param-graphic-size-secondary);
    29 }
    43 }
    30 
    44 
    31 CalenEventListViewItem::icon-4{
    45 CalenEventListViewItem::icon-4{
    32 	top: -var(hb-param-margin-gene-top);
       
    33     right: var(hb-param-margin-gene-right);
    46     right: var(hb-param-margin-gene-right);
       
    47      bottom: var(hb-param-margin-gene-bottom);
    34     fixed-width: var(hb-param-graphic-size-secondary);
    48     fixed-width: var(hb-param-graphic-size-secondary);
    35     fixed-height: var(hb-param-graphic-size-secondary);
    49     fixed-height: var(hb-param-graphic-size-secondary);
    36 }
    50 }
    37 
    51 
    38 CalenEventListViewItem::text-1{
    52 CalenEventListViewItem::text-1{
    39 	left: -var(hb-param-margin-gene-left);
    53 		left: -var(hb-param-margin-gene-left);
    40 	top: -var(hb-param-margin-gene-top);
       
    41     right: var(hb-param-margin-gene-middle-horizontal);
       
    42     font-variant: secondary;
    54     font-variant: secondary;
    43 	text-height: var(hb-param-text-height-secondary);
    55 		text-height: var(hb-param-text-height-secondary);
       
    56 		size-policy: maximum;
       
    57 	
    44 
    58 
    45 }
    59 }
    46 
    60 
    47 CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
    61 CalenEventListViewItem::text-2{
    48     top: -var(hb-param-margin-gene-top);
    62 	top: -var(hb-param-margin-gene-top);
       
    63 		right: var(hb-param-margin-gene-middle-horizontal);
       
    64 	   left: -var(hb-param-margin-gene-middle-horizontal);
    49     font-variant: primary;
    65     font-variant: primary;
    50     text-height: var(hb-param-text-height-primary);
    66     text-height: var(hb-param-text-height-primary);
    51     text-align: left;
    67     text-align: left;
    52     fixed-width: 43un;
    68  
    53 }
    69 }
    54 
    70 
    55 
    71 
    56 CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="false"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
    72 CalenEventListViewItem::text-2[locationEntry="true"]{
    57     top: -var(hb-param-margin-gene-top);
    73 		top: -var(hb-param-margin-gene-top);
       
    74 	  bottom: var(hb-param-margin-gene-bottom);
       
    75 		right: var(hb-param-margin-gene-middle-horizontal);
       
    76 	  left: -var(hb-param-margin-gene-middle-horizontal);
    58     font-variant: primary;
    77     font-variant: primary;
    59     text-height: var(hb-param-text-height-primary);
    78     text-height: var(hb-param-text-height-primary);
    60     text-align: left;
    79     text-align: left;
    61     fixed-width: 39un;
    80  
    62 }
    81 }
    63 
    82 
    64 
    83 
    65 CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="true"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
       
    66     top: -var(hb-param-margin-gene-top);
       
    67     font-variant: primary;
       
    68     text-height: var(hb-param-text-height-primary);
       
    69     text-align: left;
       
    70     fixed-width: 35un;
       
    71 }
       
    72 
       
    73 
       
    74 CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="false"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
       
    75     top: -var(hb-param-margin-gene-top);
       
    76     font-variant: primary;
       
    77     text-height: var(hb-param-text-height-primary);
       
    78     text-align: left;
       
    79     fixed-width: 38un;
       
    80 }
       
    81 
       
    82 
       
    83 CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="true"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
       
    84     top: -var(hb-param-margin-gene-top);
       
    85     font-variant: primary;
       
    86     text-height: var(hb-param-text-height-primary);
       
    87     text-align: left;
       
    88     fixed-width: 33un;
       
    89 }
       
    90 
       
    91 
       
    92 CalenEventListViewItem[leftAllDayIcon="true"][alarmIcon="true"][exceptionIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
       
    93     top: -var(hb-param-margin-gene-top);
       
    94     font-variant: primary;
       
    95     text-height: var(hb-param-text-height-primary);
       
    96     text-align: left;
       
    97     fixed-width: 38un;
       
    98 }
       
    99 
       
   100 
       
   101 CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
       
   102     top: -var(hb-param-margin-gene-top);
       
   103     font-variant: primary;
       
   104     text-height: var(hb-param-text-height-primary);
       
   105     text-align: left;
       
   106     fixed-width: 38un;
       
   107 }
       
   108 
       
   109 
       
   110 CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="false"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
       
   111     top: -var(hb-param-margin-gene-top);
       
   112     font-variant: primary;
       
   113     text-height: var(hb-param-text-height-primary);
       
   114     text-align: left;
       
   115     fixed-width: 34un;
       
   116 }
       
   117 
       
   118 
       
   119 CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="true"][repeatingIcon="true"]::text-2[layoutName="custom"]:portrait{
       
   120     top: -var(hb-param-margin-gene-top);
       
   121     font-variant: primary;
       
   122     text-height: var(hb-param-text-height-primary);
       
   123     text-align: left;
       
   124     fixed-width: 29un;
       
   125 }
       
   126 
       
   127 
       
   128 CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="false"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
       
   129     top: -var(hb-param-margin-gene-top);
       
   130     font-variant: primary;
       
   131     text-height: var(hb-param-text-height-primary);
       
   132     text-align: left;
       
   133     fixed-width: 34un;
       
   134 }
       
   135 
       
   136 
       
   137 CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="true"][exceptionIcon="true"]::text-2[layoutName="custom"]:portrait{
       
   138     top: -var(hb-param-margin-gene-top);
       
   139     font-variant: primary;
       
   140     text-height: var(hb-param-text-height-primary);
       
   141     text-align: left;
       
   142     fixed-width: 29un;
       
   143 }
       
   144 
       
   145 CalenEventListViewItem[leftAllDayIcon="false"][alarmIcon="true"][exceptionIcon="false"][repeatingIcon="false"]::text-2[layoutName="custom"]:portrait{
       
   146     top: -var(hb-param-margin-gene-top);
       
   147     font-variant: primary;
       
   148     text-height: var(hb-param-text-height-primary);
       
   149     text-align: left;
       
   150     fixed-width: 34un;
       
   151 }
       
   152 
       
   153 CalenEventListViewItem::text-3{
    84 CalenEventListViewItem::text-3{
   154     top: -var(hb-param-margin-gene-middle-vertical);
    85     top: -var(hb-param-margin-gene-middle-vertical);
       
    86 		right: var(hb-param-margin-gene-middle-horizontal);
   155     bottom: var(hb-param-margin-gene-bottom);
    87     bottom: var(hb-param-margin-gene-bottom);
   156     font-variant: secondary;
    88     font-variant: secondary;
   157     text-height: var(hb-param-text-height-secondary);
    89     text-height: var(hb-param-text-height-secondary);
   158     text-align: left;
    90     text-align: left;
   159     fixed-width: 35un;
       
   160 }
    91 }
   161 
    92 
   162 CalenEventListViewItem::text-4{
    93 CalenEventListViewItem::text-4{
       
    94 	  bottom: var(hb-param-margin-gene-bottom);
   163     font-variant: secondary;
    95     font-variant: secondary;
   164     text-height: var(hb-param-text-height-secondary);
    96     text-height: var(hb-param-text-height-secondary);
       
    97     	size-policy: maximum;
   165 }
    98 }
   166 
    99 
   167 CalenEventListViewItem::text-2:landscape[stretchItem="false"]{
       
   168     fixed-width: 70un;
       
   169 }
       
   170 
   100 
   171 CalenEventListViewItem::text-3:landscape[stretchItem="false"]{
       
   172     fixed-width: 70un;
       
   173 }
       
   174 
       
   175 CalenEventListViewItem::text-2:landscape[stretchItem="true"]{
       
   176     fixed-width: 35un;
       
   177     bottom: var(hb-param-margin-gene-bottom);
       
   178 }
       
   179 
       
   180 CalenEventListViewItem::text-3:landscape[stretchItem="true"]{
       
   181     fixed-width: 40un;
       
   182     top: -var(hb-param-margin-gene-top);
       
   183 }