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