Projecte

General

Perfil

Accions
Copiar enllaç

Tasca #4174

tancat
NC BP

CSS DDD - eliminar barres grises laterals

Tasca #4174: CSS DDD - eliminar barres grises laterals

Afegit per Núria Casaldaliga fa més de 9 anys. Actualitzat fa aproximadament 9 anys.

Estat:
Tancada
Prioritat:
Normal
Assignat a:
Beatriu Piera
Categoria:
Tecnologia
Temàtica prevista:
Millora de la interfície del DDD
Inici:
01-09-2016
Data de venciment:
12-12-2016
Paraula clau:

Descripció

Fer una prova de com quedarien els css del DDD, Ifmuc i Traces sense les barres grises. Comentar-ho amb Cristina A.

Fitxers

fitxer_uab.css.PNG (216 KB) fitxer_uab.css.PNG Imatge del codi a substituir Beatriu Piera, 20-09-2016 15:08

Tasques relacionades 1 (0 obertes — 1 tancada)

relacionat amb DDD - Tasca #3766: Actualitzar DDD a Invenio 1.1.6TancadaFerran Jorba16-12-201515-11-2016Accions

NC Actualitzat per Núria Casaldaliga fa més de 9 anys Accions
Copiar enllaç
 #1

  • Projecte ha canviat de 6 a DDD
  • Data de venciment s'ha establert a 12-12-2016
  • Categoria s'ha establert a Tecnologia
  • Temàtica prevista ha canviat de Projectes a Millora de la interfície del DDD
  • Paraula clau s'ha establert a JR

NC Actualitzat per Núria Casaldaliga fa més de 9 anys Accions
Copiar enllaç
 #2

  • Assignat a ha canviat de Beatriu Piera a Ferran Jorba

Ferran,

ara que estàs uniformitzant els Invenio per preparar les migracions, és un bon moment per aplicar també els canvis en els CSS i treure les barres grises? Es pot fer en els Invenios de prova abans de contactar amb els altres responsables (Traces i Ifmuc)?
En funció de la teva resposta la Bea ho prioritza més o menys.

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #3

Sí, és clar que es pot fer en els Invenios de prova, cap problema.

CA Actualitzat per Cristina Azorin fa més de 9 anys Accions
Copiar enllaç
 #4

  • Assignat a ha canviat de Ferran Jorba a Beatriu Piera
  • Prioritat ha canviat de Baixa a Normal

Bea, pots treballar amb aquest canvi i establir amb ell el procediment per a que el Ferran actualitzi el CSS??

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #5

Pujar el CSS aquí a la tasca t'aniria bé, Bea?

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #6

Sí, cap problema. Ja pujo el codi aquí i ja el col·loques tu als fitxers.

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #7

Hola,

al final crec que amb un petit canvi al css de l'estil propi de la UAB que s'aplica a tots els invenios podriem arreglar-ho sense haver de tocar res mes. El canvi cal fer-lo en un tros del fitxer img/uab/uab.css i cal buscar aquest tros:

/* final UAB  */

/* Estructura */
body {
    background-color: #bfbfbf;
    font-family: 'Open Sans', sans-serif;
}

.home, .index, .search, .help, .youraccount, .youralerts, .yourapprovals, .yourbaskets, .yourgroups, .yourloans {
    max-width: 1024px;
    width: 95%;
    min-width: 740px;
    margin: 0 auto 30px auto;
    padding: 0px;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}

i canviar-lo per aquest:

/* final UAB  */

/* Estructura */
body {
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

.home, .index, .search, .help, .youraccount, .youralerts, .yourapprovals, .yourbaskets, .yourgroups, .yourloans {
    max-width: 100%;
    width: 99%;
    min-width:99%;
    margin: auto!important;
    padding: 0px 0px 0px 5px;
    border-right: 0px;
    border-left: 0px;
}

Amb això hauria de funcionar per tots els invenios, incloses les versions mòbils que (si ho he fet be...) no caldria tocar.

Per poder localitzar millor el trosset he fet una pantalla que us adjunto.

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #8

  • Estat ha canviat de Creada a En curs

Gràcies, Bea!

ja està aplicat el canvi als tres Invenios en proves:

Ves fent-ne comprovacions, jo també en faré. Jo també m'encarrego d'avisar la gent de Traces i IFMuC perquè donin el seu vist-i-plau i, quan tothom hi estigui d'acord, ho apliquem als Invenios públics.

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #9

Canvis menors per ajustar les capçaleres als css propis de cada instància (només DDD i IFMUC):

IFMUC (https://ifmuc.uab.cat/img/uab/ifmuc.css)

Cal substituir aquest tros:

/* Capçalera */

.headerbox {
    color: #fff;
    background: url("/img/uab/header-ifmuc.png") repeat-y 0 3px;
}
.headerbox tr.menu {
    background-color: #dddf5a;
}

/* +Botons usuari */

Per aquest:

/* Capçalera */

.headerbox {
    color: #fff;
    background: #00889B url("/img/uab/header-ifmuc.png") repeat-y 0 3px;
}
.headerbox tr.menu {
    background-color: #dddf5a;
}

/* +Botons usuari */

DDD (https://ddd.uab.cat/img/uab/ddd.css)

Cal substituir aquest tros:

/* Capçalera */

.headerbox {
    color: #fff;
    background: #587606 url(ddd.png) no-repeat;
}

/* +Botons usuari */

Per aquest:

/* Capçalera */

.headerbox {
    color: #fff;
    background: #3D2908 url("/img/uab/ddd.png")no-repeat}
       .headerbox tr.menu {background-color: #587606}  

/* +Botons usuari */

TRACES
No cal cap canvi a la capçalera

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #10

Finalment, per tal que respiri una mica més la pàgina a sol·licitud de les responsables de Traces, hem aplicat els següents canvis al full d'estil comú img/uab/uab.css

El tros:

.pagebody {
    padding: 15px 0;
    background-color: #fff;
    min-height: 340px;
}

Modificat com a:

.pagebody {
    margin:20px;
    padding: 15px 0;
    background-color: #fff;
    min-height: 340px;
}

i el tros:

.home, .index, .search, .help, .youraccount, .youralerts, .yourapprovals, .yourbaskets, .yourgroups, .yourloans {
    max-width: 100%;
    width: 99%;
    min-width:99%;
    margin: auto!important;
    padding: 0px 0px 0px 5px;
    border-right: 0px;
    border-left: 0px;
}

finalment ha quedat com a:

.home, .index, .search, .help, .youraccount, .youralerts, .yourapprovals, .yourbaskets, .yourgroups, .yourloans {
    max-width: 100%;
    width: 98%;
    min-width:98%;
    margin: auto!important;
    padding: 0px 0px 0px 0px;
    border-right: 0px;
    border-left: 0px;
}

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #11

A petició de la Magda Alemany i el Raúl Coré, faig uns reajustaments més per donar més marge a la pàgina i arreglar les capçaleres del DDD i de IFMUC (Traces no cal reajustament de capçalera):

Al css comú per tots (img/uab/uab.css)

.pagebody {
    margin:20px 40px 20px 40px;
    padding: 15px 0;
    background-color: #fff;
    min-height: 340px;
}

Al css exclusiu del DDD (img/uab/ddd.css)

/* Capçalera */

.headerbox {color: #fff; background: #3e2a08 url("/img/uab/ddd.png") no-repeat}
.headerbox tr.menu {background-color: #587606}

/* +Botons usuari */

Al css exlusiu del Ifmuc (img/uab/ifmuc.css)

/* Capçalera */

.headerbox {color: #fff;background: #00889B url("/img/uab/header-ifmuc.png") repeat-y 0 3px;}
.headerbox tr.menu {background-color: #dddf5a;}

/* +Botons usuari */

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #12

Perdona Ferran,
tot aquest tros de l'actualització #11 és correcte, però m'he descuidat de canviar un valor: allà on posa "padding: 15px 0;" ha de dir "padding:0". Ha de quedar així:

.pagebody {
     margin:20px 40px 20px 40px;
     padding: 0;
     background-color: #fff;
     min-height: 340px;
}

Tota la resta de les modificacions incloses a l'actualització #11 de la tasca són les correctes que caldria aplicar per poder arreglar desajustaments i aplicar les suggerències de la Magda i el Raúl. Disculpa les molèsties!

BP Actualitzat per Beatriu Piera fa més de 9 anys Accions
Copiar enllaç
 #13

Després de veure la resolució del Traces a diferents dispositius i mides de pantalla, hem fet les següents correccions:

1. Al fitxer img/uab/uab.css

Canviar aquest tros:

table.narrowsearchbox td .latestadditionsboxtimebody {
    padding: 12px 8px 0px 8px;
    margin: 0;
    color: #888;
    font-size: 0.8em;
}

Per aquest:

.home .narrowandfocusonsearchbox {
text-align:justify;padding-right:20px
}
table.narrowsearchbox td .latestadditionsboxtimebody {
    padding: 12px 8px 0px 8px;
    margin: 0;
    color: #888;
    font-size: 0.8em;
}

2. I al fitxer que regula la visualització a diferents dispositius del Traces (header_mobile.css), cal afegir al principi del document:

@media (min-width: 1600px) 
    {
    .home, .index, .search, .help, .youraccount, .youralerts, .yourapprovals, .yourbaskets, .yourgroups, .yourloans {
    max-width: 80%;
    width: 95%;
    min-width: 740px;
    margin: 0 auto 30px auto;
    padding: 0px;
    border-right: 1px solid #EEEEEE;
    border-left: 1px solid #EEEEEE;
}
body{background-color:#EEF0EF}
.pagebody{margin:0;padding:20px 40px 20px 40px}

Amb aquesta correcció el que he fet ha estat corregir el portalbox "Enfocat a:" només a la portada (a les pàgines interiors no afecta) i fer que a pantalles panoràmiques el Traces es vegi centrat i més ajustat, ja que a 98% quedava molt desangelat.

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #14

Ja ho he aplicat (de moment només) al DDD de proves:

http://ddd-test.uab.cat:2000

CA Actualitzat per Cristina Azorin fa més de 9 anys Accions
Copiar enllaç
 #15

  • Estat ha canviat de En curs a Tancada

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #16

  • Estat ha canviat de Tancada a En curs

Torno a obrir-la, perquè cal aplicar-ho als Invenios públics; només estava en proves.

Començo amb l'IFMuC, ja amb 1.1.6.

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #17

  • S'ha afegit relacionat amb Tasca #3766: Actualitzar DDD a Invenio 1.1.6

FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions
Copiar enllaç
 #18

L'IFMuC ja ho té corregit a les dues instàncies:

CA Actualitzat per Cristina Azorin fa més de 9 anys Accions
Copiar enllaç
 #19

  • Estat ha canviat de En curs a Tancada

Els tres Invenios ja no tenen les barres grises. Tanquem la tasca

CA Actualitzat per Cristina Azorin fa aproximadament 9 anys Accions
Copiar enllaç
 #20

  • Paraula clau s'ha suprimit (JR)
Accions
Copiar enllaç

També disponible a: PDF Atom