Plantilla:Proves mode fosc: diferència entre les revisions
Contingut suprimit Contingut afegit
Cap resum de modificació |
corr. class notheme |
||
| Línia 42: | Línia 42: | ||
* sense "class=topbarcandidate : <div style="background:#b32424; height: 5px; overflow: hidden; width: 4em; "></div> |
* sense "class=topbarcandidate : <div style="background:#b32424; height: 5px; overflow: hidden; width: 4em; "></div> |
||
* amb "class=topbarcandidate: <div class="topbarcandidate" style="background:#b32424;"></div> |
* amb "class=topbarcandidate: <div class="topbarcandidate" style="background:#b32424;"></div> |
||
* amb "class=topbarcandidate notheme": <div class="topbarcandidate |
* amb "class=topbarcandidate notheme": <div class="topbarcandidate notheme" style="background:#b32424;"></div> |
||
</table> |
</table> |
||
---- |
---- |
||
| Línia 104: | Línia 104: | ||
<td colspan="7" class="topbarcandidate" style="background:#b32424;">amb "class=topbarcandidate </td></tr> |
<td colspan="7" class="topbarcandidate" style="background:#b32424;">amb "class=topbarcandidate </td></tr> |
||
<tr> |
<tr> |
||
<td colspan="7" class="topbarcandidate |
<td colspan="7" class="topbarcandidate notheme" style="background:#b32424;">amb "class=topbarcandidate notheme" </td></tr> |
||
}} |
}} |
||
Revisió de 10:24, 3 jul 2024
Hi ha 3 situacions (fins ara) on és necessari mantenir colors en mode fosc i clar:
- Els marcs de les caixes amb la protecció patrimonial. Per no emplenar la infotaula de caixes negres, el disseny posava diferents colors a les 4 bores de la caixa amb una aproximació als colors de la bandera del territori. Els patrimoni humanitat, reserves de la biosfera i similar només tenen un color. També serveix per destacar si la qualificació ha estat retirada. Ara, ens podríem qüestionar aquesta riquesa cromàtica, però sóc partidari de mantenir un joc reduït de colors únics per caixa per fer menys monòtona la llista quan en surten molts valors.
- Funcionament: això es fa amb una infotaula dins la infotaula principal (child) fent servir els headers per posar la protecció (acolorida) i les línies normals per la resta de continguts (data, identificador, etc.)
- PROBLEMA amb mode fosc: ignora el "border-color" quan passa a fosc, probablement per alguna col·lisió amb la templatestyles del headerstyle. Situant-lo dins una fila tipus data i passant-li tots els styles funciona, però aquesta solució fa retornar al codi aspectes de format que estàvem externalitzant a les styles.
- Caixes amb el color de les pistes d'esquí i quantes en té l'estació. Redueix per 4 el nombre de línies a mostrar. En aquesta prova he mantingut una línia amb els colors originals i una altra amb els recomanats. També inclou diferents colors de bores compartides del cas anterior, si bé la bores en gris asseguren la seva definició.
- Barra amb el color del partit polític en la infotaula de resultats electorals. Es mostra a la part superior del bloc de resultats de cada partit; fa de barra separadora visual entre candidatures i identifica el color que el partit ha fet servir a la seva propaganda. Originalment també estava dins la barra de resultats, però es va eliminar per raons de visibilitat amb les dades de resultats.
- Funcionament: els styles estan a la class topbarcandidate a la qual se li afegeix un style=background amb el valor del color del partit.
- PROBLEMA amb mode fosc: no mostra el color en cap circumstància, ni evitant fer servir la class i posant tots els styles directament.
En resum:
1) fer que funcionin els colors en header o tirar endevant amb la solució de posar-ho en una fila "data".
2) decidir que fer amb la fórmula multicolor actual.
3) fer que funcioni la barra de color del partit. En aquest cas, no he trobat bypass.
CASOS FORA D'INFOBOX
HERITAGE
- marc grey: 20 22 6 18
- marc color + colors adaptats: 20 22 6 18
BARRA COLORS PARTITS
- sense "class=topbarcandidate :
- amb "class=topbarcandidate:
- amb "class=topbarcandidate notheme":
CASOS DINS INFOBOX
| HERITAGE en HEADER line | |
|---|---|
HERITAGE en DATA line | |
| marc grey: 20 22 6 18 | |
marc color + colors adaptats: 20 22 6 18  |
| amb "class=topbarcandidate | ||||||
| amb "class=topbarcandidate notheme" | ||||||