Changeset 124226 in spip-zone


Ignore:
Timestamp:
Apr 17, 2020, 10:59:09 PM (3 months ago)
Author:
tcharlss
Message:

Simplifier les styles de la fiche d'une sélection : même affichage tabulaire mais en gardant autant que faire se peut les styles par défaut de spip + en flex + préfixes navigateurs + indenter avec tabulations.

Location:
_plugins_/selections_editoriales/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/selections_editoriales/trunk

    • Property subgit:lock:418a4ff5b2cd03633cd0268204a93cea3d1b2e9e deleted
    • Property subgit:lock:2b825169ccfafc9ff2982efab78f3dac9f616a65 set to 2020-04-18T00:59:21.160
  • _plugins_/selections_editoriales/trunk/prive/style_prive_plugin_selections_editoriales.html

    r118017 r124226  
    3030*/
    3131
    32 body.selection #wysiwyg .champ,
    33 body.selections_contenu #wysiwyg .champ {
    34     position: relative;
    35     overflow: hidden;
    36     margin-bottom: 1em;
    37     padding-top: 0.5em;
    38     border-top: 1px solid #GET{foncee};
     32/* Fiche sélection : affichage tabulaire des champs après le descriptif */
     33.selection #wysiwyg .champ.contenu_descriptif ~ .champ {
     34        display: -webkit-box;
     35        display: flex;
     36        padding: 1em 0;
     37        border-top: 1px solid #ddd;
    3938}
    40 body.selection #wysiwyg .champ div.label,
    41 body.selections_contenu #wysiwyg .champ div.label {
    42     display: block;
    43     clear: right;
    44     float: left;
    45     width: 25%;
    46     padding-right: 2%;
    47     font-weight: bold;
    48     color: #GET{color};
     39.selection #wysiwyg .champ.contenu_descriptif + .champ {
     40        border-top: 0;
    4941}
    50 body.selection #wysiwyg .champ div.span,
    51 body.selections_contenu #wysiwyg .champ div.span {
    52     display: block;
    53     float: right;
    54     width: 70%;
    55     clear: right;
     42.selection #wysiwyg .champ.contenu_descriptif ~ .champ .label {
     43        display: block;
     44        -webkit-box-flex: 1;
     45                flex: 1 1 10em;
     46        max-width: 25%;
     47        margin-right: 1em;
     48        /* color: inherit; */
    5649}
    57 body.selection #wysiwyg .champ.contenu_texte div.span.texte,
    58 body.selections_contenu #wysiwyg .champ.contenu_texte div.span.texte {
    59     padding: 1em;
    60     background-color: white;
    61     border: 1px solid #GET{foncee};
    62 }
     50
    6351/* Bouton et formulaire ajout */
    64 .bouton_action_post.add.selection-24 .submit {
    65     background-color: transparent;
    66     font-size: 100%;
    67 }
    6852.formulaire_ajouter_selection .creer {
    69     display: flex;
    70     justify-content: space-around;
    71     margin: 0.5em 0 0;
     53        display: -webkit-box;
     54        display: flex;
     55        justify-content: space-around;
     56        margin: 0.5em 0 0;
    7257}
    7358.formulaire_ajouter_selection .creer .button {
    74     max-width: 12em;
    75     display: flex;
    76     align-items: center;
    77     line-height: 1.2;
    78     padding: 0.25em;
     59        max-width: 12em;
     60        display: -webkit-box;
     61        display: flex;
     62        -webkit-box-align: center;
     63                align-items: center;
     64        line-height: 1.2;
     65        padding: 0.25em;
    7966}
    8067.formulaire_ajouter_selection .reponse_formulaire_ok {
    81     display: none; /* contient juste du js */
     68        display: none; /* contient juste du js */
    8269}
    8370/* Liste contenus d'une sélection */
    8471.liste-items.selections_contenus {
    85     border-top: 0;
     72        border-top: 0;
    8673}
    8774.liste-items.selections_contenus .item:last-child {
    88     border-bottom: 0;
     75        border-bottom: 0;
    8976}
    9077.liste-items.selections_contenus .item__logo {
    91     margin-right: 1em;
     78        margin-right: 1em;
    9279}
    9380.liste-items.selections_contenus .item__body {
    94     display: flex;
     81        display: -webkit-box;
     82        display: flex;
    9583}
    9684.liste-items.selections_contenus .item__content {
    97     flex: 1 1 auto;
     85        -webkit-box-flex: 1;
     86                flex: 1 1 auto;
    9887}
    9988.liste-items.selections_contenus .item__actions {
    100     flex: 0 1 auto;
    101     text-align: #ENV{right};
     89        -webkit-box-flex: 0;
     90                flex: 0 1 auto;
     91        text-align: #ENV{right};
    10292}
    10393.liste-items.selections_contenus .item__actions .delete,
    10494.liste-items.selections_contenus .item__actions .edit {
    105     display: block;
     95        display: block;
    10696}
    10797.liste-items.selections_contenus .item__actions .move {
    108     margin: 0.5em 0;
     98        margin: 0.5em 0;
    10999}
    110100.liste-items.selections_contenus .item__actions .move_sort:hover {
    111     cursor: grab;
     101        cursor: grab;
    112102}
    113103.liste-items.selections_contenus .icone.horizontale.center {
    114     display: table; /* pour s'auto centrer */
    115     margin-left: auto;
    116     margin-right: auto;
     104        display: table; /* pour s'auto centrer */
     105        margin-left: auto;
     106        margin-right: auto;
    117107}
Note: See TracChangeset for help on using the changeset viewer.