Project

General

Profile

Actions

Funcionalidad #3290

closed

Cambio Configuración Logo GONG

Added by Antonio León about 6 years ago. Updated about 6 years ago.

Status:
Resuelta
Priority:
Normal
Category:
Desarrollo
Target version:
Start date:
04/04/2018
Due date:
% Done:

90%

Estimated time:
Version:

Description

Tareas

  • Propuesta de diseño
  • Maquetación
  • Implementación

Instancias

  • General
  • Demo
  • Desarrollo
  • ONG

Files

logo_GONG_ONG.jpg (25.5 KB) logo_GONG_ONG.jpg Antonio León, 04/04/2018 11:01 AM
logo_GONG_DEMO.jpg (23.5 KB) logo_GONG_DEMO.jpg Antonio León, 04/04/2018 11:01 AM
logo_GONG_General.jpg (11.3 KB) logo_GONG_General.jpg Antonio León, 04/04/2018 11:02 AM
logo_GONG_DESARROLLO.jpg (10.8 KB) logo_GONG_DESARROLLO.jpg Antonio León, 04/04/2018 11:04 AM
maquetacion_logo_GONG.zip (97.2 KB) maquetacion_logo_GONG.zip Antonio León, 04/09/2018 06:12 PM
maquetacion_logo_GONG.zip (101 KB) maquetacion_logo_GONG.zip Antonio León, 04/10/2018 10:46 AM
Actions #2

Updated by Antonio León about 6 years ago

Subo la maquetación

Hay dos posibilidades

General http://gong.es/maquetacion/views/layouts/logo_General_GONG.html

Instancia http://gong.es/maquetacion/views/layouts/logo_Instancia_GONG.html

Posibles Instancias:

logo_Instancia_APS_BN.png
logo_Instancia_DESARROLLO_BN.png
logo_Instancia_DEMO_BN.png
logo_Instancia_OPAN_BN.png
logo_Instancia_Centraldocerrado_BN.png
logo_Instancia_CISP_BN.png
logo_Instancia_FUNDACIONJUANCIUDAD_BN.png
logo_Instancia_ANSA_BN.png
logo_Instancia_OEI_BN.png
logo_Instancia_VSF_BN.png
logo_Instancia_FAS_BN.png
logo_Instancia_MEDICUSMUNDI_BN.png
logo_Instancia_CPT_BN.png
logo_Instancia_MUNDUBAT_BN.png

Adjunta va una carpeta con todos los logos. (Son los mismos que el cuadro de mando. No se duplican)

CAMBIOS

En HTML

ANTES

<div id="logogong"></div>

AHORA

1.

<div id="logo_GONG">
<img src="../../app/images/logo_GONG_BN.png" alt="Logo FAS"/>
</div>

2.

<div id="logo_GONG">
<img src="../../app/images/logo_GONG_small_BN.png" alt="Logo GONG"/>
<img src="../../app/images/logo_Instancia_APS_BN.png" alt="Logo APS"/>
</div>

EN aplicattion.css añadir

#logo_GONG {
padding: 5px 0px 0px 10px;
width: 161px;
position: absolute;
}
#logo_GONG img {
float:left;
clear: both;
padding:0px 0px 5px 0px!important;
}

Actions #3

Updated by Antonio León about 6 years ago

Añado cambios para hacerlo responsive:

http://gong.es/maquetacion/views/layouts/logo_Instancia_GONG.html
http://gong.es/maquetacion/views/layouts/logo_General_GONG.html

HTML

Instancia

<div id="logo_GONG">
<img src="../../app/images/logo_GONG_small_BN.png" alt="Logo GONG"/>
<div class="logo_org"><img src="../../app/images/logo_Instancia_APS_BN.png" alt="Logo APS"/></div>
<div class="nombre_org">APS</div>
</div>

General

<div id="logo_GONG">
<div class="gong"><img src="../../app/images/logo_GONG_BN.png" alt="Logo FAS"/></div>
</div>

CSS

#logo_GONG {
padding: 5px 0px 0px 10px;
width: 161px;
position: absolute;
}
#logo_GONG img {
float:left;
clear: both;
padding:0px 0px 5px 0px!important;
}
.nombre_org {
display:none;
}
/*RESPONSIVE*/
/*DESKTOP*/
/*Horizontal - Max-width - 1263px*/
@media (max-width : 1263px) {
.logo_org {
display:none;
}
.gong img {
width:60px;
}
.nombre_org {
display:inline;
float:left;
clear:both;
color:#FFFFFF;
font-size:33px;
margin-top:5px;
}
}
/*Horizontal - Max-width - 1118px*/
@media (max-width : 1118px) {
.nombre_org {
font-size:23px;
}
.gong img {
display:none;
}
}

Actions #4

Updated by Jaime Ortiz about 6 years ago

  • Assignee changed from Jaime Ortiz to Santiago Ramos
  • % Done changed from 50 to 90

Hola,

Paso el ticket antes de cerrarlo a Santi para que chequee la solucion propuesta.

Hemos pasado el tema del logo a una variable de configuracion "LOGO_ORG" en vez de una variable de entorno.

No se elimina el anterior código (el que se basaba en la variable en ENV["GOR_LOGO"]) hasta que se confirme la solución.

Gracias!

Actions #5

Updated by Jaime Ortiz about 6 years ago

  • Status changed from Nueva to Resuelta
Actions

Also available in: Atom PDF