Tasca #4174
tancatCSS DDD - eliminar barres grises laterals
Afegit per Núria Casaldaliga fa més de 9 anys. Actualitzat fa aproximadament 9 anys.
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 |
NC Actualitzat per Núria Casaldaliga fa més de 9 anys Accions #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 #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 #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 #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 #5
Pujar el CSS aquí a la tasca t'aniria bé, Bea?
BP Actualitzat per Beatriu Piera fa més de 9 anys Accions #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 #7
- S'ha afegit Fitxer fitxer_uab.css.PNG fitxer_uab.css.PNG
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 #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 #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 #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 #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 #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 #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 #14
Ja ho he aplicat (de moment només) al DDD de proves:
CA Actualitzat per Cristina Azorin fa més de 9 anys Accions #15
- Estat ha canviat de En curs a Tancada
FJ Actualitzat per Ferran Jorba fa més de 9 anys Accions #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 #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 #18
L'IFMuC ja ho té corregit a les dues instàncies:
CA Actualitzat per Cristina Azorin fa més de 9 anys Accions #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 #20
- Paraula clau s'ha suprimit (
JR)