Projet

Général

Profil

Development #16147

permettre la "jonction" visuelle des cellules dans combo

Ajouté par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans. Mis à jour il y a presque 7 ans.

Statut:
Fermé
Priorité:
Normal
Version cible:
-
Début:
03 mai 2017
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:

Description

Certaines cellules pourraient nécessiter du texte autour sans qu'il soit parametrable dans la cellule même.
On peut s'en sortir avec des cellules "Text" autour mais il faut donner l'impression visuelle que c'est la même cellule.

Mon idée est de définir des noms de classes (documentées) qu'on mettrait dans l'option d'une cellule afin qu'elle colle la cellule au-dessus ou en dessous.


Fichiers

0001-cells-add-styles-to-allow-cells-gluing-16147.patch (1,09 ko) 0001-cells-add-styles-to-allow-cells-gluing-16147.patch Serghei Mihai (congés, retour 15/05), 03 mai 2017 17:49
glued_cells.png (2,36 Mo) glued_cells.png Serghei Mihai (congés, retour 15/05), 03 mai 2017 17:51
0001-cells-add-styles-to-allow-no-top-or-bottom-margins-1.patch (1011 octets) 0001-cells-add-styles-to-allow-no-top-or-bottom-margins-1.patch Serghei Mihai (congés, retour 15/05), 04 mai 2017 00:36
fontenay.png (1,12 Mo) fontenay.png Serghei Mihai (congés, retour 15/05), 04 mai 2017 00:37
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (1009 octets) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 04 mai 2017 10:43
Capture d’écran 2017-05-04 à 18.21.08.png (572 ko) Capture d’écran 2017-05-04 à 18.21.08.png Frédéric Péters, 04 mai 2017 18:21
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (1023 octets) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 04 mai 2017 19:02
haute-goulaine.png (548 ko) haute-goulaine.png Serghei Mihai (congés, retour 15/05), 04 mai 2017 19:03
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (1,01 ko) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 18 mai 2017 16:21
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (1,05 ko) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 23 mai 2017 16:06
Capture d_écran de 2017-05-23 16-15-01.png (135 ko) Capture d_écran de 2017-05-23 16-15-01.png Frédéric Péters, 23 mai 2017 16:15
Capture d_écran de 2017-05-23 16-14-58.png (134 ko) Capture d_écran de 2017-05-23 16-14-58.png Frédéric Péters, 23 mai 2017 16:15
2.png (92,5 ko) 2.png Serghei Mihai (congés, retour 15/05), 23 mai 2017 16:27
1.png (92,4 ko) 1.png Serghei Mihai (congés, retour 15/05), 23 mai 2017 16:27
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (1,03 ko) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 23 mai 2017 16:38
3.png (112 ko) 3.png Serghei Mihai (congés, retour 15/05), 23 mai 2017 16:40
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (1,05 ko) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 24 mai 2017 16:19
0001-help-start-documentation-on-reusable-CSS-classes-161.patch (1,41 ko) 0001-help-start-documentation-on-reusable-CSS-classes-161.patch Frédéric Péters, 24 mai 2017 20:25
0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch (2,16 ko) 0001-cells-add-styles-to-allow-no-bottom-margin-16147.patch Serghei Mihai (congés, retour 15/05), 26 mai 2017 12:03

Révisions associées

Révision 721ff62f (diff)
Ajouté par Serghei Mihai (congés, retour 15/05) il y a presque 7 ans

cells: add styles to allow no bottom margin (#16147)

Révision 46c9240c (diff)
Ajouté par Frédéric Péters il y a presque 7 ans

help: start documentation on reusable CSS classes (#16147)

Historique

#1

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Voilà: 2 classes CSS à définir dans les cellules afin qu'elles soient "collées" en bas ou en haut.

#2

Mis à jour par Frédéric Péters il y a environ 7 ans

Garbage de bout de fichier.

#3

Mis à jour par Frédéric Péters il y a environ 7 ans

Cacher le <h2> me semble hors de propos pour ces classes. (je peux bien sûr comprendre l'intérêt de le cache, mais via une classe différente)

Quand il y a des bordures arrondiers, ça s'empile assez mal (essayer avec l'ancien thème Fontenay par exemple).

Et concernant les noms des classes, je me dis qu'on peut mieux faire, genre no-bottom-margin me semble plus facile que bottom-glued.

#4

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Sur l'ancien thème Fontenay c'est l'effet de l'ombre (box-shadow) qui donne l'impression d'une bordure, sinon l'arrondi viré avec ce patch.

#5

Mis à jour par Frédéric Péters il y a environ 7 ans

Avoir deux classes ça me pose déjà question et j'imagine que ça en posera encore plus tard; idéalement pour moi on aurait uniquement no-margin-bottom, sans nécessité d'expliquer qu'il faut à la fois no-margin-bottom et no-margin-top, ou sans nécessité d'expliquer qu'il n'est pas nécessaire d'avoir les deux.

#7

Mis à jour par Frédéric Péters il y a environ 7 ans

Cf ici (thème haute-goulaine avec le border-radius monté à 20px pour rendre très visible le soucis). (les no-bottom-margin sont appliqués sur les cellules tout à droite, Blcs, Téléformulaires, hello world, etc.).

Ça montre aussi que les mises à zéro des marges des <p> posent problème, si je comprends l'intention, la réduction devrait uniquement concerner la marge de bas du dernier <p>.

#8

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a environ 7 ans

Petit couac de ma part. C'est corrigé (exemple de haute-goulaine en pj).
Je réduis la marge à zéro du premier <p> de la cellule suivante pour les "coller" ensemble.

#10

Mis à jour par Frédéric Péters il y a presque 7 ans

Ça montre aussi que les mises à zéro des marges des <p> posent problème, si je comprends l'intention, la réduction devrait uniquement concerner la marge de bas du dernier <p>.

Il me semble que ça reste d'application. On aurait par exemple une cellule de type texte, avec dedans plusieurs paragraphes, on n'a pas envie que les marges de tout ceux-ci soient altérées.

#12

Mis à jour par Frédéric Péters il y a presque 7 ans

+                       p:first-child {
+                               margin-top: 0;
+                       }

Là où ça vire le margin-top, et pareil pour le margin-bottom, le remplacer par un padding-top (resp. padding-bottom) pour que les textes ne se trouvent pas collés.

(et j'avais cru le noter mais il y a des espaces mal placés dans ce patch, après une première tabulation, git am le signale et git show les affiche).

#14

Mis à jour par Frédéric Péters il y a presque 7 ans

Ça ne fonctionne pas, le padding-top: 1ex ajouté sur le + div se retrouve pris en compte dans de mauvaises situations. Cf deux captures, cellule de la colonne de droite, de l'espace se trouve ajouté au-dessus du lien "Téléformulaires".

#15

Mis à jour par Frédéric Péters il y a presque 7 ans

(sur mon exemple, appliquer le padding-top sur le p:first-child fonctionne; je n'ai pas testé toutes les situations possibles)

#16

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a presque 7 ans

les paragraphes de 2 cellules texte côte à côté sont trop écartés.

#17

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a presque 7 ans

Sans le padding sur le premier paragraphe de la cellule suivant la no-bottom-margin ça m'a l'air ok.

#18

Mis à jour par Frédéric Péters il y a presque 7 ans

Dans ma situation, cellule avec no-bottom-margin puis cellule texte avec deux paragraphes, le premier se trouve pris :first-child et donc margin-top: 0 et donc il est collé à la séparation horizontale de la cellule précédente.

Et donc à nouveau, sur mon exemple, appliquer le padding-top sur le p:first-child fonctionne; je n'ai pas testé toutes les situations possibles.

Le contre-exemple que tu donnes, c'est l'enchainement de deux cellules textes, les margin-bottom/top y étant remplacé par des padding-bottom/top, ceux-ci s'additionnent et il y a donc le double d'espace. Je serais à dire que cette situation d'ajout de deux cellules textes l'une sous l'autre est moins importante (après tout, il suffit de taper le tout dans une seule cellule) (le cas qui justifierait deux cellules serait des permissions différentes).

#19

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a presque 7 ans

Ok, passons l'exemple pas trop utile des 2 cellules text.

Et je propose qu'on s'arrêter là et si dans d'autres situations ça foire, on corrige.

#20

Mis à jour par Frédéric Péters il y a presque 7 ans

Mon idée est de définir des noms de classes (documentées) [...]

Restait la partie "documentées" en souffrance, voici proposition d'une page, qu'on verra ensuite à intégrer sur le site de la documentation.

#22

Mis à jour par Frédéric Péters il y a presque 7 ans

  • Statut changé de Nouveau à Résolu (à déployer)
commit 46c9240c43f746590714bafdf450e68f4b311318
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Wed May 24 20:24:00 2017 +0200

    help: start documentation on reusable CSS classes (#16147)

commit 721ff62f1b8374ed53d9108470936497d326c4fc
Author: Serghei Mihai <smihai@entrouvert.com>
Date:   Wed May 3 17:47:18 2017 +0200

    cells: add styles to allow no bottom margin (#16147)
#23

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a presque 7 ans

  • Statut changé de Résolu (à déployer) à Fermé

Formats disponibles : Atom PDF