Projet

Général

Profil

0001-scss-introduce-a-compact-style-for-file-upload-widge.patch

Frédéric Péters, 09 août 2022 08:50

Télécharger (2,56 ko)

Voir les différences: 

Subject: [PATCH] scss: introduce a compact style for file upload widgets
 (#66463)


 help/fr/misc-css-classes.page  |  5 ++++
 static/includes/wcs/_bulk.scss | 49 +++++++++++++++++++++++++++++-----
 2 files changed, 48 insertions(+), 6 deletions(-)
help/fr/misc-css-classes.page
94 94 
  d'informations budgétaires (libellés alignés à gauche, utilisation de toute
95 95 
  la largeur, colonne de saisie des nombres poussée sur la droite).</p></td>
96 96 
 </tr>
97 
 <tr>
98 
  <td><p><code>pk-compact-file</code></p></td>
99 
  <td><p>Dispose les champs de type « Fichier » dans une version compacte,
100 
  moins haute.</p></td>
101 
 </tr>
97 102 
 <tr>
98 103 
  <td><p><code>pk-hidden</code></p></td>
99 104 
  <td><p>Cache le champ (applicable uniquement aux champs de type « Liste »).</p></td>
static/includes/wcs/_bulk.scss
651 651 
			}
652 652 
		}
653 653 
	}
654 
	&.pk-compact-file,
654 655 
	&.short {
655 656 
		div.file-button {
656 
			min-height: 110px;
657 
			min-height: 50px;
657 658 
		}
658 
		&.widget-readonly div.file-button {
659 
			height: 110px;
659 
		div.widget-message.click-to-upload {
660 
			display: flex;
660 661 
		}
661 
		div.file-button div.widget-message {
662 
			padding-top: 0px;
662 
		div.widget-message.upload-done,
663 
		div.widget-message.click-to-upload {
664 
			align-items: center;
665 
			padding: 5px 10px;
666 
			text-align: left;
663 667 
			&::before {
664 668 
				padding-top: 10px;
669 
				padding-right: 20px;
665 670 
			}
666 671 
			&::after {
667 
				top: 5px;
672 
				top: 2px;
673 
				left: 38px;
674 
			}
675 
		}
676 
		&.widget-readonly div.file-button {
677 
			height: 70px;
678 
			div.widget-message.upload-done {
679 
				display: none;
680 
			}
681 
			span.filename {
682 
				padding: 5px 10px;
683 
				display: flex;
684 
				align-items: center;
685 
				&::before {
686 
					display: block;
687 
					padding-top: 18px;
688 
					padding-bottom: 15px;
689 
					padding-right: 20px;
690 
				}
691 
			}
692 
			div.fileinfo {
693 
				margin-top: 0;
668 694 
			}
669 695 
		}
696 
		&.has-file {
697 
			div.widget-message.upload-done {
698 
				display: flex;
699 
			}
700 
		}
701 
		div.fileinfo {
702 
			text-align: left;
703 
			padding-left: 55px;
704 
			min-height: 1.5em;
705 
			margin-top: -1.5em;
706 
		}
670 707 
	}
671 708 
	div.fileprogress {
672 709 
		position: absolute;
673 
-