Changeset 103107 in spip-zone


Ignore:
Timestamp:
Mar 2, 2017, 12:28:31 AM (2 years ago)
Author:
nicolas.dorigny@…
Message:

Avec un display mode en table-cell, les noms de fichiers longs cassent l'affichage.
On revient à des floats avec un overflow qui peut déborder pour le nom du fichier, et renommage d'une classe de div pour éviter les collisions avec .choix

Location:
_plugins_/cvt-upload/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/cvt-upload/trunk/css/cvtupload.css

    r103104 r103107  
     1.formulaire_spip .saisie_fichiers input[type=file] {
     2        display:       block;
     3        margin-bottom: 1em;
     4}
     5
    16.formulaire_spip .choix > .fichier_precedent {
    2         display:       table;
     7        display:       block;
    38        width:         100%;
     9        overflow: auto;
    410        margin-bottom: 1em;
    511        border:        1px solid #DDD;
     
    814
    915.formulaire_spip .choix .fichier_precedent .description,
    10 .formulaire_spip .choix .fichier_precedent .choix {
    11         display:        table-cell;
    12         padding:        .5em;
     16.formulaire_spip .choix .fichier_precedent .action {
     17        display: block;
     18        float: left;
     19        overflow: visible;
     20        padding: .5em;
    1321        vertical-align: top;
     22}
     23.formulaire_spip .choix .fichier_precedent .description {
     24        width: 10%;
     25        overflow: visible;
     26}
     27.formulaire_spip .choix .fichier_precedent .action {
     28        padding-left: 1em;
    1429}
    1530
     
    1934}
    2035
    21 .formulaire_spip .choix .fichier_precedent .choix label {
     36.formulaire_spip .choix .fichier_precedent .action label {
    2237        display: inline;
    2338}
    24 
    25 .formulaire_spip .choix .fichier_precedent .choix input[type=file] {
    26         display:    block;
    27         margin-top: 1em;
    28 }
    29 
  • _plugins_/cvt-upload/trunk/formulaires/inc-cvtupload-fichier.html

    r103105 r103107  
    55                [<a href="(#ENV{url}|attribut_html)"[ (#HTML5|oui)download="download"]>]#ENV{name}[(#ENV{url}|oui)</a>]
    66        </div>
    7         <div class="choix">
     7        <div class="action">
    88                <input type="checkbox" class="checkbox" id="cvtupload_supprimer_fichier[(#ENV{crochets})]" name="cvtupload_supprimer_fichier[(#ENV{crochets})]" />
    99                <label for="cvtupload_supprimer_fichier[(#ENV{crochets})]"><:cvtupload:supprimer_fichier:></label>
    10                 <input type="file" class="file[ (#ENV{class})]" name="#ENV{champ}" id="#ENV{champ}" size="40"[(#HTML5|oui)[ accept="(#GET{mime})"]]/>
    1110        </div>
    1211</div>
     12<input type="file" class="file[ (#ENV{class})]" name="#ENV{champ}" id="#ENV{champ}" size="40"[(#HTML5|oui)[ accept="(#GET{mime})"]]/>
  • _plugins_/cvt-upload/trunk/prive/style_prive_plugin_ctvupload.html

    r101347 r103107  
    33[(#REM)<style>]
    44
    5 .formulaire_spip .choix > .fichier_precedent {
    6         display:block;
    7         clear:right;
    8         overflow:auto;
     5.formulaire_spip .saisie_fichiers input[type=file] {
     6        display:       block;
    97        margin-bottom: 1em;
    10         padding:.5em;
    11         border:1px solid #ddd;
    12         border-radius:5px;
    13         word-wrap: break-all;
    148}
    159
     10.formulaire_spip .choix > .fichier_precedent {
     11        display:       block;
     12        width:         100%;
     13        overflow: auto;
     14        margin-bottom: 1em;
     15        border:        1px solid #DDD;
     16        border-radius: 5px;
     17}
     18
     19.formulaire_spip .choix .fichier_precedent .description,
     20.formulaire_spip .choix .fichier_precedent .action {
     21        display: block;
     22        float: left;
     23        overflow: visible;
     24        padding: .5em;
     25        vertical-align: top;
     26}
    1627.formulaire_spip .choix .fichier_precedent .description {
    17         float:left;
    18         width:10%;
     28        width: 10%;
     29        overflow: visible;
    1930}
    20 .formulaire_spip .choix .fichier_precedent .choix {
    21         float:right;
    22         width:75%;
    23         border:none;
     31.formulaire_spip .choix .fichier_precedent .action {
     32        padding-left: 1em;
    2433}
    25 .formulaire_spip .choix .fichier_precedent .choix label{
    26         display:inline;
     34
     35.formulaire_spip .choix .fichier_precedent .description img {
     36        display:       block;
     37        margin-bottom: .5em;
    2738}
     39
     40.formulaire_spip .choix .fichier_precedent .action label {
     41        display: inline;
     42}
     43
Note: See TracChangeset for help on using the changeset viewer.