messagingapp/msgui/conversationview/resources/layouts/msgconversationwidget.css
changeset 27 e4592d119491
child 34 84197e66a4bd
equal deleted inserted replaced
25:84d9eb65b26f 27:e4592d119491
       
     1 
       
     2 /*********************************** LAYOUTS **********************************/
       
     3 
       
     4 @variables
       
     5 {
       
     6   bubble_width:expr(var(hb-param-screen-width)-var(hb-param-margin-gene-middle-horizontal)-var(hb-param-graphic-size-primary-small)-var(hb-param-margin-gene-left)-var(hb-param-margin-gene-right));
       
     7   bubble_height:expr((3*var(bubble_width))/4);
       
     8 }
       
     9 
       
    10 MsgConversationWidget:portrait
       
    11 {
       
    12   layout:layout-mms-portrait;
       
    13 }
       
    14 
       
    15 MsgConversationWidget[hasImage="true"]:landscape
       
    16 {
       
    17   layout:layout-mms-image-landscape;
       
    18 }
       
    19 
       
    20 MsgConversationWidget[hasImage="false"]:landscape
       
    21 {
       
    22   layout:layout-mms-landscape;
       
    23 }
       
    24 
       
    25 MsgConversationWidget[hasImage="false"][hasAudio="true"][hasVideo="false"]:portrait
       
    26 {
       
    27   layout:layout-mms-audio-text-portrait;
       
    28 }
       
    29 
       
    30 MsgConversationWidget[hasImage="false"][hasAudio="true"][hasVideo="false"]:landscape
       
    31 {
       
    32   layout:layout-mms-audio-text-landscape;
       
    33 }
       
    34 
       
    35 /********************* UNREAD INDICATOR / NEW ITEM ICON ************************/
       
    36 
       
    37 MsgConversationWidget::newItemIcon
       
    38 {
       
    39   left:-0.25un;
       
    40   top:-1.0un;
       
    41   bottom:1.0un;
       
    42   size-policy:fixed preferred;
       
    43   fixed-width:1.25un;
       
    44 }
       
    45 
       
    46 /*********************************** BUBBLE ***********************************/
       
    47 
       
    48 MsgConversationWidget::bubble
       
    49 {
       
    50   left:0.0un;
       
    51   top:0.0un;
       
    52   right:0.0un;
       
    53   bottom:0.0un;
       
    54   zvalue:-1;
       
    55 }
       
    56 
       
    57 /********************************** BODYTEXT **********************************/
       
    58 
       
    59 MsgConversationWidget::bodyText
       
    60 {
       
    61   left:-var(hb-param-margin-gene-left);
       
    62   top:-var(hb-param-margin-gene-top);
       
    63   right:1.0un;
       
    64   bottom:var(hb-param-margin-gene-middle-vertical);
       
    65   text-height:var(hb-param-text-height-secondary);
       
    66   font-variant:primary;
       
    67   text-align:left;
       
    68   text-line-count-min:1;
       
    69   text-line-count-max:100;
       
    70 }
       
    71 
       
    72 MsgConversationWidget[hasImage="true"]::bodyText:landscape
       
    73 {
       
    74   left:-var(hb-param-margin-gene-middle-horizontal);
       
    75 }
       
    76 
       
    77 MsgConversationWidget[hasImage="false"][hasAudio="true"]::bodyText:landscape
       
    78 {
       
    79   left:-var(hb-param-margin-gene-middle-horizontal);
       
    80 }
       
    81 
       
    82 /********************************** SUBJECT ***********************************/
       
    83 
       
    84 MsgConversationWidget::subject
       
    85 {
       
    86   left:-var(hb-param-margin-gene-left);
       
    87   top:-var(hb-param-margin-gene-top);
       
    88   bottom:var(hb-param-margin-gene-middle-vertical);
       
    89   right:var(hb-param-margin-gene-middle-horizontal);
       
    90   text-align:left;
       
    91   text-height:var(hb-param-text-height-primary);
       
    92   font-variant:primary;
       
    93   text-line-count-min:1;
       
    94   text-line-count-max:1;
       
    95 }
       
    96 
       
    97 MsgConversationWidget[isMMS="false"]::subject
       
    98 {
       
    99   text-line-count-max:100;
       
   100   text-height:var(hb-param-text-height-secondary);
       
   101 }
       
   102 
       
   103 MsgConversationWidget[hasImage="true"]::subject:landscape
       
   104 {
       
   105   left:-var(hb-param-margin-gene-middle-horizontal);
       
   106 }
       
   107 
       
   108 MsgConversationWidget[hasImage="false"][hasAudio="true"]::subject:landscape
       
   109 {
       
   110   left:-var(hb-param-margin-gene-middle-horizontal);
       
   111 }
       
   112 
       
   113 
       
   114 /******************************* ATTACHMENT ICON ******************************/
       
   115 
       
   116 MsgConversationWidget::attachment
       
   117 {
       
   118   right:1.0un;
       
   119   center-vertical:0.0un;
       
   120   aspect-ratio:ignore;
       
   121   size-policy:fixed fixed;
       
   122   pref-width:var(hb-param-graphic-size-secondary);
       
   123   pref-height:var(hb-param-graphic-size-secondary);
       
   124 }
       
   125 
       
   126 /********************************* PRIORITY ICON ******************************/
       
   127 
       
   128 MsgConversationWidget::priority
       
   129 {
       
   130   right:0.5un;
       
   131   center-vertical:0.0un;
       
   132   aspect-ratio:ignore;
       
   133   size-policy:fixed fixed;
       
   134   pref-width:var(hb-param-graphic-size-secondary);
       
   135   pref-height:var(hb-param-graphic-size-secondary);
       
   136 }
       
   137 
       
   138 /******************************** IMAGE / PREVIEW *****************************/
       
   139 
       
   140 MsgConversationWidget[hasImage="true"]::preview:portrait
       
   141 {
       
   142   left:-var(hb-param-margin-gene-left);
       
   143   right:1.0un;
       
   144   bottom:var(hb-param-margin-gene-middle-vertical);
       
   145   aspect-ratio:keep;
       
   146   /*max-width:var(bubble_width);*/
       
   147   max-width:41.36un;
       
   148   max-height:31.02un;
       
   149   /*max-height:var(bubble_height);*/
       
   150   min-width:16un;
       
   151   min-height:12un;
       
   152 }
       
   153 
       
   154 MsgConversationWidget[hasImage="true"]::preview:landscape
       
   155 {
       
   156   left:-var(hb-param-margin-gene-left);
       
   157   top:-var(hb-param-margin-gene-top);
       
   158   bottom:var(hb-param-margin-gene-bottom);
       
   159   aspect-ratio:keep;
       
   160   max-width:41.36un;
       
   161   max-height:31.02un;
       
   162   min-width:16un;
       
   163   min-height:12un;
       
   164 }
       
   165 
       
   166 /****************************** TIMESTAMP TEXT ********************************/
       
   167 
       
   168 MsgConversationWidget::timeStamp
       
   169 {
       
   170   left:-var(hb-param-margin-gene-left);
       
   171   right:1.0un;
       
   172   bottom:var(hb-param-margin-gene-bottom);
       
   173   text-align:left;
       
   174   text-height:var(hb-param-text-height-tiny);
       
   175   font-variant:primary;
       
   176   text-line-count-max:1;
       
   177   text-line-count-min:1;
       
   178 }
       
   179 
       
   180 MsgConversationWidget[hasImage="true"]::timeStamp:landscape
       
   181 {
       
   182   left:-var(hb-param-margin-gene-middle-horizontal);
       
   183 }
       
   184 
       
   185 MsgConversationWidget[hasImage="false"][hasAudio="true"]::timeStamp:landscape
       
   186 {
       
   187   left:-var(hb-param-margin-gene-middle-horizontal);
       
   188 }
       
   189 
       
   190 /******************************* OVERLAY PLAY ICON ****************************/
       
   191 
       
   192 MsgConversationWidget::playIcon
       
   193 {
       
   194   zvalue:1;
       
   195   aspect-ratio:ignore;
       
   196   size-policy:fixed fixed;
       
   197   pref-width:var(hb-param-graphic-size-primary-medium);
       
   198   pref-height:var(hb-param-graphic-size-primary-medium);
       
   199 }
       
   200 
       
   201 /******************************** AUDIO ICON **********************************/
       
   202 
       
   203 MsgConversationWidget[hasAudio="true"]::audioIcon
       
   204 {
       
   205   top:-var(hb-param-margin-gene-top);
       
   206   left:-var(hb-param-margin-gene-left);
       
   207   bottom:var(hb-param-margin-gene-middle-vertical);
       
   208   aspect-ratio:ignore;
       
   209   size-policy:fixed fixed;
       
   210   pref-width:var(hb-param-graphic-size-primary-large);
       
   211   pref-height:var(hb-param-graphic-size-primary-large);
       
   212 }
       
   213 
       
   214 /* EOF */