Changeset 3651


Ignore:
Timestamp:
12/30/10 15:48:01 (13 years ago)
Author:
eduardoalex
Message:

Ticket #1407 - Melhoria no layout da listagem de e-mails

Location:
branches/2.2/mobile
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • branches/2.2/mobile/inc/class.ui_mobilemail.inc.php

    r3641 r3651  
    493493 
    494494                        if(count($messages)>1) { //O array de emails tem pelo menos uma posição com o total de mensagens. 
    495                                 $bg = "par"; 
     495                                $bg = "dt-azul"; 
    496496                                foreach($messages as $id => $message) { 
    497497                                         
     
    503503                                                $from_name = $message['from']['email']; 
    504504                                         
    505                                         $p->set_var('bg',$bg=="par"?$bg="reset-dt":$bg="par"); 
     505                                        $p->set_var('bg',$bg=="dt-azul"?$bg="dt-branco":$bg="dt-azul"); 
    506506                                         
    507507                                        $flag=" "; 
     
    524524                                        $p->set_var('msg_number',$message["msg_number"]); 
    525525                                        $p->set_var('mail_time',$message['smalldate']); 
    526                                         $p->set_var('mail_from',$functions->strach_string($message['from']['email'],23)); 
    527                                         $p->set_var('subject',$functions->strach_string($message['subject'],25)); 
     526                                        $p->set_var('mail_from',$message['from']['email']); 
     527                                        $p->set_var('subject',$message['subject']); 
    528528                                        $p->set_var('size',$functions->borkb($message['Size'])); 
    529529                                        $p->set_var('lang_attachment',lang('ATTACHMENT')); 
     
    532532                                                                        $message['msg_folder']:$this->folders[$this->current_folder]['folder_id']); 
    533533                                        if($message['attachment']['number_attachments']>0) { 
    534                                                 $p->set_var('show_attach','inline'); 
     534                                                $p->set_var('show_attach',''); 
    535535                                                $p->set_var('no_attach_space','none'); 
    536536                                        } 
    537537                                        else { 
    538538                                                $p->set_var('show_attach','none'); 
    539                                                 $p->set_var('no_attach_space','block'); 
     539                                                $p->set_var('no_attach_space',''); 
    540540                                        } 
    541541                                                 
  • branches/2.2/mobile/templates/css/mobile.css

    r3641 r3651  
    55html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, 
    66blockquote, pre, a, abbr, acronym, address, code, del,  
    7 dfn, em, img, q, dl, dt, dd, ol, fieldset, form,  
     7dfn, em, img, q, dl, dt, dd, ol, fieldset, form,   
    88label, legend, table, caption, tbody, tfoot, thead, tr, th,  
    99td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;} 
     10 
     11checkbox {padding:0; margin:0} 
    1012 
    1113/*INSERIDOS*/ 
     
    2931 
    3032 
     33/*-------------------------------------------------------------------NAVEGACAO-----------------------------------------------------------*/ 
     34         
     35        .navegacao { width: 260px; float: left; margin-top: 22px; width: 30% } 
     36        .navegacao a{color:#515151; text-decoration:none;} 
     37        .navegacao a:hover{text-decoration:underline;} 
     38        .mail-novo { background: #09C; color: #fff; display: block; height: 21px; font-size: 12px; padding-top: 4px } 
     39        .mail-novo a { display: inline; color: #fff; padding: 2px 6px; font-size: 10px; text-decoration: none; background:#2b83ae } 
     40        .mail-novo a:hover { text-decoration: none; background: #09F} 
     41        #meus-emails, #meus-compromissos, #minhas-pastas { font-size: 12px; color: #444 } 
     42                #emails-capacidade { font-size: 9px; color:#888 } 
     43                #emails-secoes { color: #444; font-size: 10px }          
     44                .compromisso, .diretorios {}     
     45                 
     46        #table-mail, #table-compromissos, #table-minhaspastas, #table-contatos, #mail-selecionados { font-size:12px; color: #222; line-height: 22px } 
     47                #mail_check { margin-left: 5px } 
     48                 
     49         
     50.pagina { color: #fff; display: block; font-size: 12px; float: right; margin-top: 22px; width: 70% } 
     51        /*------------------------------------------------------------------/NAVEGACAO-----------------------------------------------------------*/ 
     52         
     53 
     54 
    3155 
    3256 
     
    3559 
    3660h1{ padding-top: 5px; height:20px; font-size:small; padding-left:5px; color:#FFFFFF; float:left;  } 
    37 dt { padding:3px 3px 3px 10px; font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;} 
    38 dt input[type="checkbox"] { 
    39    width: 13px; 
    40    height: 13px; 
    41    padding: 0; 
    42    margin:0; 
    43    vertical-align: bottom; 
    44    position: relative; 
    45    top: -1px; 
    46    *overflow: hidden; 
    47 } 
    48 .dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table; margin-top:10px; width:100%; padding:10px; 0} 
     61/*dt { padding:3px 3px 3px 10px; font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;}*/ 
     62dt {font-size:small; color:#3E3E3D; background-color:#CEE5EF; width:100%;} 
     63.dt-azul, .dt-branco {background:#EEF7FA; clear:both; display:table;  width:100%; /*padding:10px 0*/} 
    4964.dt-branco {background:#FFF;} 
    50 dt.seen {font-weight:normal;width:100%;} 
    51 dt.important, dt.important a {color:#FF0000;} 
    52 dd{ padding-top:3px; padding-left:25px; vertical-align:middle; font-size:small;} 
    53 input{height: 15px;} 
     65p.seen, a.seen {font-weight:normal;width:100%;} 
     66p.important, a.important {color:#FF0000;} 
     67dd{ padding-top:3px; /*padding-left:25px;*/ vertical-align:middle; font-size:small;} 
     68input{height: 15px;} /*o float left ta dando problema nos check boxs, por isso removi */ 
    5469textarea {width: 93%;} 
    55 dt select, div.menu-contexto select {font-size:x-small; border:none; color:#ffffff; background-color:#2B84AF;} 
     70dt select, div.menu-contexto select {font-size:x-small; border:none; color:#ffffff; background-color:#2B84AF; margin:8px 0} 
    5671div.menu-contexto select{font-size:small; border:none; color:#ffffff; background-color:#2B84AF;} 
    5772div.menu-contexto a {color:#FFFFFF; text-decoration:underline;} 
    58 #operacao_lista {padding:5px; min-height:25px; font-size:small; background-color:#C9C9C9; width:100%;} 
     73#operacao_lista {/*padding:5px; */min-height:40px; font-size:small; background-color:#C9C9C9; width:100%; padding-top:9px} 
    5974#operacao_lista span {font-size:x-small;} 
    6075#menu_rodape {background-color:#F2F2F2; } 
     
    6984/*ALTERADOS*/ 
    7085 
    71 #corpo_mensagem {clear:both; padding-top:15px; color:#666; background-color:#CEE5EF; width:100%; padding-left:10px; min-height:230px; padding-bottom:10px;font-size:small;} 
     86#corpo_mensagem {clear:both; /*padding-top:15px;*/ color:#666; width:100%; padding-left:10px; min-height:230px; padding-bottom:10px;font-size:small;} 
    7287#corpo_mensagem #foto {padding:5px 0px 10px 10px;} 
    7388#corpo_mensagem #foto img {border:1px solid #2B84AF;} 
    74 #corpo_mensagem #nome {font-size:small; width:100%; padding:15px 0px 10px 10px; font-weight:bold;} 
     89#corpo_mensagem #nome {font-size:small; width:100%; /*padding:15px 0px 10px 10px;*/ font-weight:bold;} 
    7590#corpo_mensagem #itens {font-size:x-small; float:left; font-weight:bold; text-align:right; padding-right:10px;} 
    7691#corpo_mensagem #itens-preenchidos {font-size:x-small; width:50%; float:left; font-weight:normal;} 
    7792#corpo_mensagem input {height:15px;} 
    7893 
    79 #campos-correspondencia {font-weight:bold; text-align:right;color:#666; background-color:#CEE5EF; width:100%; padding-left:10px; min-height:120px; padding-bottom:30px;} 
    80 #posiciona-esquerda {font-size:small;  float:left; font-weight:normal; text-align:left;} 
    81 #posiciona-direita {font-size:x-small;  float:right; margin-right:50px; font-weight:normal; text-align:left;} 
     94#campos-correspondencia {font-weight:bold; text-align:right;color:#666; background-color:#CEE5EF; width:100%; /*padding-left:10px;*/ min-height:120px; padding-bottom:30px;} 
     95.posiciona-esquerda {font-size:small;  float:left; font-weight:normal; text-align:left; width:74%; padding:6px 0 0 20px;  } 
     96.posiciona-esquerda input[type="checkbox"]{ vertical-align:baseline} 
     97.posiciona-esquerda p{ margin:5px 0 5px 0;} 
     98.posiciona-direita {font-size:x-small; float:left; font-weight:normal; text-align:left; width:20%; padding-top:16px } 
     99.posiciona-direita p { margin-bottom:3px} 
     100.posiciona-direita span{ margin:6px 0 ; display:table} 
     101 
     102 
    82103 
    83104#lista_miolo {clear:both; color:#666; width:100%; /*min-height:165px;*/font-size:small; } 
    84 #lista_miolo dd {background-color:#FFFFFF; padding:3px 3px 3px 10px; width:100%;  } 
    85 #lista_miolo dd.par {background-color:#EEF7FA; } 
     105#lista_miolo dd {background:#FFFFFF; /*padding:3px 3px 3px 10px;*/ width:100%;  } 
     106#lista_miolo dd.par {background:#EEF7FA; } 
    86107#lista_miolo #iten {width:80%; float:left; font-weight:normal; text-align:left;} 
    87108#lista_miolo #iten a {font-size:small;} 
     
    95116/*ALTERADOS*/ 
    96117 
    97 #busca{ padding-left:10px; padding-top:5px;background-color:#E4E4E4; min-height:35px; width:100%;} 
     118#busca{ /*padding-left:10px;*/ padding-top:5px;background-color:#E4E4E4; min-height:35px; width:100%;} 
    98119#busca input[type="text"] {height:20px; width:90%; margin-right:5px} 
    99120#busca input[type="button"] {height:20px; min-width:100px;} 
     
    105126 
    106127 
    107  
    108 .topo {width:100%; padding-left:10px; background:#333; display:table } 
     128.topo {width:100%; /*padding-left:10px;*/ background:#333; display:table } 
    109129.topo a{color:#FFF; text-decoration:underline; float:right; margin:4px 20px 0 0 } 
    110130 
    111131.rodape{ padding-top:4px; height:16px; text-align:center; font-size:50%; background-color:#F6F6F6; color:#333333;} 
    112132.btn-generico{color:#FFFFFF; background-color:#434343; border:none; min-width:60px;} 
    113 .contagem {text-align:right; width:20%;} 
    114 .nome-item{float:left;width:77%;font-size:small; color:#3E3E3D} 
     133.contagem { } 
     134.nome-item{float:left;width:74%;font-size:small; color:#3E3E3D} 
    115135.nome-item-telefone{margin-left:21px} 
    116136.bg-branco{background:#FFF} 
    117137 
    118 .menu-contexto {padding-left:16px; padding-top:10px; font-size:x-small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:35px;} 
    119 .btn-contexto {font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none;  min-height:20px;} 
    120 .btn-generico, .btn-contexto{padding:6px; 4px; } 
     138.menu-contexto {/*padding-left:16px;*/ padding-top:6px; font-size:x-small; background-color:#3399CC; color:#FFFFFF; width:100%; min-height:35px;} 
     139.btn-contexto {font-size:x-small; background-color:#2B84AF; color:#FFFFFF; border:none;  min-height:30px; padding:5px } 
     140.menor {min-height:20px !important}  
     141.btn-generico {padding:6px 4px; } 
    121142 
    122143/*novo*/  
     
    135156dt.menu-diverso div {margin-top:8px;} 
    136157 
    137 .reset-dt {background-color:#ffffff; width:98%; padding:10px 3px 3px 10px;} 
    138 .reset-dt1 {width:98%; padding:3px 3px 3px 10px;} 
     158.reset-dt {background-color:#ffffff; width:98%; /*padding:10px 3px 3px 10px;*/} 
     159.reset-dt1 {width:98%; /*padding:3px 3px 3px 10px;*/} 
    139160.dd-mensagem {height:30px;overflow: hidden;padding:3px 0px 15px 10px;} 
    140161.btn-anexo {padding:2px; font-size: x-small; background-color:#FAD364;} 
    141 .btn-anexo a {padding:3px; font-size: x-small;  background-color:#FAD364;} 
     162.btn-anexo a {padding:3px; font-size: x-small;  background-color:#FAD364; } 
    142163.sobre-mensagem {float:left;} 
    143164 
  • branches/2.2/mobile/templates/default/mails_list.tpl

    r3602 r3651  
    33<!-- END rows_mails --> 
    44<!-- BEGIN row_mails --> 
    5                                 <dt class="titulo_mensagem {bg} {flag}"> 
    6                                         <div class="nome-item"> 
    7                                         <input type="checkbox" name="msgs[]" style="display:{show_check};" value={msg_number}><a href="index.php?menuaction=mobile.ui_mobilemail.show_msg&msg_number={msg_number}&msg_folder={msg_folder}"> 
    8                                                 {from} 
     5                                <div class="{bg}"> 
     6                                        <div class="posiciona-esquerda"> 
     7                                        <input type="checkbox" name="msgs[]" style="display:{show_check};" value={msg_number}><a href="index.php?menuaction=mobile.ui_mobilemail.show_msg&msg_number={msg_number}&msg_folder={msg_folder}" class="email-item {flag}"> 
     8                                                {subject} 
    99                                        </a> 
     10                                        <p>{from} </p> 
     11                                        <p>{mail_from}</p> 
     12                                         
    1013                                        </div> 
    11                                         <span class="contagem">{mail_time}</span> 
    12                                 </dt> 
    13                                          
    14                                 <dd class="dd-mensagem {bg}"> 
    15                                         <div class="sobre-mensagem"> 
    16                                         <p>{mail_from}</p> 
    17                                         <p>{subject} </p> 
    18                                         </div>  
    19                                         <span class="btn-anexo" style='display:{show_attach};'>{lang_attachment}</span> 
    20                                         <span style='display:{no_attach_space};'>&nbsp;</span> 
    21                                         <p>{size}</p> 
    22                                 </dd> 
     14                                 
     15                                        <div class="posiciona-direita"> 
     16                                                <b><p class="contagem {flag}">{mail_time}</p></b> 
     17                                                <span class="btn-anexo" style='display:{show_attach};'>{lang_attachment}</span> 
     18                                                <span style='display:{no_attach_space};'>&nbsp;</span> 
     19                                                <p>{size}</p> 
     20                                        </div> 
     21                                 
     22                                </div> 
     23 
    2324<!-- END row_mails --> 
    2425<!-- BEGIN no_messages --> 
  • branches/2.2/mobile/templates/default/mobilemail.tpl

    r3641 r3651  
    11<!-- BEGIN main_emails -->               
    22                <div class="menu-contexto"> 
    3                         <span><a href="javascript:history.back()">{lang_back}</a></span> <span class="titulo-secao">{folder}</span><button name="nova" title="{lang_new_message}" class="btn-contexto" onclick="location.href='index.php?menuaction=mobile.ui_mobilemail.new_msg&type=clk'">{lang_new}</button> 
     3                        <span><a href="javascript:history.back()">{lang_back}</a></span> <span class="titulo-secao">{folder}</span><button name="nova" title="{lang_new_message}" class="btn-contexto menor" onclick="location.href='index.php?menuaction=mobile.ui_mobilemail.new_msg&type=clk'">{lang_new}</button> 
    44                </div> 
    55                         
Note: See TracChangeset for help on using the changeset viewer.