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