...
Produto: | Solucoes_totvs |
---|
Solucao | TOTVS Varejo Food Service |
---|
|
|
---|
Linha de Produto: | TOTVS Varejo Food Services |
---|
Segmento: | |
---|
Módulo: | Configurações |
---|
Função: | Modo escuro |
---|
Ticket: |
|
---|
Requisito/Story/Issue: | DVARCCE-740 |
---|
02. SITUAÇÃO/REQUISITO
A Na comanda eletrônica Android não possuía existia o modo escuro.
03. SOLUÇÃO
Foi implementado na comanda eletrônica Android, o modo escuro, caso o celular do usuário já esteja no modo escuro, por padrão a comanda também ficará no modo escuro. Foi criado também uma configuração na comanda onde o usuário pode deixar apenas a comanda no modo escuro.
Esta função busca reduzir o impacto da iluminação da interface gráfica de aparelhos e altera, de forma temporária, as cores na tela. Usa tons escuros no lugar do branco. Esse modo tem como grande vantagem oferecer economia de bateria e suavizar a utilização em ambientes mais escuros para o operador.
Por padrão a comanda respeita o tema do aparelho, porém caso o usuário queria personalizar apenas o tema da comanda o mesmo pode acessar as configurações da comanda, opção tema e realizar a alteração.
Totvs custom tabs box |
---|
tabs | ConfiguraçõesConfiguração do tema, Tela de login, Tela de lançamento, Tela de mapa, Tela de conta, Tela de pagamento |
---|
ids | passo1,passo2,passo3,passo4,passo5,passo6 |
---|
|
Principais telas da comanda no modo escuro: Totvs custom tabs box items |
---|
default | yes |
---|
referencia | passo1 |
---|
| Image Added Image Added
|
Totvs custom tabs box items |
---|
default | no |
---|
referencia | passo2 |
---|
| Image Added
|
Totvs custom tabs box items |
---|
default | no |
---|
referencia | passo3 |
---|
| Image Added
|
Totvs custom tabs box items |
---|
default | no |
---|
referencia | passo4 |
---|
| Image Added
|
Totvs custom tabs box items |
---|
default | no |
---|
referencia | passo5 |
---|
| Image Added
|
Totvs custom tabs box items |
---|
default | no |
---|
referencia | passo6 |
---|
| Image Added
|
|
HTML |
---|
<style>
div.theme-default .ia-splitter #main {
margin-left: 0px;
}
.ia-fixed-sidebar, .ia-splitter-left {
display: none;
}
#main {
padding-left: 10px;
padding-right: 10px;
overflow-x: hidden;
}
.aui-header-primary .aui-nav, .aui-page-panel {
margin-left: 0px !important;
}
.aui-header-primary .aui-nav {
margin-left: 0px !important;
}
.aui-tabs.horizontal-tabs>.tabs-menu>.menu-item.active-tab a::after {
background: #FF9900; !important
}
.menu-item.active-tab {
border-bottom: none !important;
}
</style>
|