ZwiiCMS-Team/ZwiiCMS
ZwiiCMS-Team
/
ZwiiCMS
3
3
Fork 2
Code Releases 143 Activity

New icon set WIP

This commit is contained in:
Fred Tempez 2024-03-24 21:26:00 +01:00
parent 33d55ee6e7
commit 366f606707
6 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
module/folder/folder.php
View File

@ -145,7 +145,7 @@ class folder extends common
if ($initialFolderState == 'collapsed') {
$folderClass = 'collapsible';
}
$items .= "<li class='directory $folderClass'><span class='toggle'>$subDirectory</span><ul class='sub-items'";
$items .= '<li class="folder '. $folderClass .' small"><span class="toggle">'. $subDirectory.'</span><ul class="sub-items"';
if ($initialFolderState == 'collapsed') {
$items .= " style='display:none;'";
}
@ -165,9 +165,9 @@ class folder extends common
if ($showDetails) {
$fileSize = filesize($fileFullPath);
$fileSizeFormatted = $this->formatSizeUnits($fileSize);
$fileInfo = "<div class='file-info-container'>" . date('d-m-Y H:i', filemtime($fileFullPath)) . ' - ' . $fileSizeFormatted . '</div>';
$fileInfo = '<div class="file-info-container">' . date('d-m-Y H:i', filemtime($fileFullPath)) . ' - ' . $fileSizeFormatted . '</div>';
}
$items .= '<li class="file ' . $fileExtensionClass . '"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
$items .= '<li class="file ' . $fileExtensionClass . ' small"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
}
// Fermer la liste

BIN
module/folder/view/index/file.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 997 B

BIN
module/folder/view/index/folder.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 465 B

1
module/folder/view/index/folder.svg Normal file
View File

@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 55"><style>.st0{fill:url(#SVGID_1_)}.st0,.st1,.st2{stroke:#434242;stroke-width:1.25;stroke-miterlimit:10}.st1{fill:url(#SVGID_2_)}.st2{fill:#434242}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="35.943" y1="56.21" x2="35.943" y2="38.664" gradientTransform="matrix(1 0 0 -1 0 57)"><stop offset="0" stop-color="#fcfcfd"/><stop offset="1" stop-color="#fff"/></linearGradient><path class="st0" d="M2.6 18.3V2.5c0-.9.7-1.7 1.7-1.7h23.3l6.7 5h33.3c.9 0 1.7.8 1.7 1.7v10.9H2.6z"/><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="35.943" y1="54.263" x2="35.943" y2="9.981"><stop offset=".109" stop-color="#debe00"/><stop offset=".532" stop-color="#cfad04"/><stop offset="1" stop-color="#a07802"/></linearGradient><path class="st1" d="M4.3 54.3h63.3c.9 0 1.6-.8 1.7-1.7L71 11.7c0-.9-.7-1.7-1.7-1.7h-25l-6.7 5h-35c-.9 0-1.7.8-1.7 1.7l1.7 35.9c.1.9.8 1.7 1.7 1.7z"/><path class="st2" d="M7.6 4.1h18.3c.9 0 1.7.8 1.7 1.7s-.7 1.7-1.7 1.7H7.6c-.9 0-1.7-.8-1.7-1.7s.8-1.7 1.7-1.7z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

27
module/folder/view/index/index.css
View File

@ -27,17 +27,13 @@
list-style: none;
}
#dirindex li.directory {
list-style-type: "\1F4C1";
}
#dirindex ul li {
list-style-type: none;
margin-top: 10px;
}
#dirindex li {
padding-left: 5px;
list-style-position : outside;
padding-left: 25px;
}
/* Style pour le pliage/dépliage des dossiers */
@ -71,13 +67,20 @@ ul.sub-items {
* Images des icônes
*/
/** les dossiers */
#dirindex li.directory {
list-style-type: "\1F4C1";
#dirindex li {
background-repeat: no-repeat;
}
#dirindex .small {
background-size: 15px;
}
/** fichiers par défaut (mime non trouvé) */
#dirindex li:not(.directory) {
list-style-type: "\1F4C4";
/** les dossiers */
#dirindex li.folder {
background-image: url("module/folder/view/index/folder.svg");
}
/** fichiers par défaut (mime non trouvé) */
#dirindex li:not(.folder) {
background-image: url("module/folder/view/index/png.svg");
}

1
module/folder/view/index/png.svg Normal file
View File

@ -0,0 +1 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 100"><style>.st0{opacity:.99}</style><g class="st0"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="36.2" y1="3.005" x2="36.2" y2="101" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset="0" stop-color="#006b69"/><stop offset=".124" stop-color="#00807f"/><stop offset=".262" stop-color="#009393"/><stop offset=".41" stop-color="#00a3a3"/><stop offset=".571" stop-color="#00b0af"/><stop offset=".752" stop-color="#08b8b7"/><stop offset="1" stop-color="#14bbbb"/></linearGradient><path d="M45.2 1l26.9 26.7V99H.3V1h44.9z" fill="url(#SVGID_1_)"/><path d="M45.2 1l26.9 26.7V99H.3V1h44.9z" fill-opacity="0" stroke="#006e6c" stroke-width="2"/></g><path d="M8 91.1V71.2h6.5c2.5 0 4.1.1 4.8.3 1.1.3 2.1.9 2.9 1.9.8 1 1.2 2.3 1.2 3.9 0 1.2-.2 2.2-.7 3.1-.4.8-1 1.5-1.7 2s-1.4.8-2.1.9c-1 .2-2.4.3-4.2.3H12v7.5H8zm4-16.5v5.6h2.2c1.6 0 2.7-.1 3.2-.3.5-.2 1-.5 1.3-1 .3-.4.5-1 .5-1.5 0-.7-.2-1.3-.6-1.8-.4-.5-1-.8-1.6-.9-.5-.1-1.4-.1-2.9-.1H12zm14.6 16.5V71.2h3.9l8.2 13.2V71.2h3.7V91h-4l-8.1-12.9V91h-3.7zm29.5-7.3v-3.3h8.7v7.9c-.8.8-2.1 1.5-3.7 2.1-1.6.6-3.2.9-4.9.9-2.1 0-3.9-.4-5.5-1.3S48 88 47.2 86.4c-.8-1.6-1.2-3.4-1.2-5.3 0-2.1.4-3.9 1.3-5.5s2.1-2.8 3.8-3.7c1.3-.7 2.9-1 4.8-1 2.5 0 4.4.5 5.8 1.5s2.3 2.5 2.7 4.3l-4 .7c-.3-1-.8-1.7-1.6-2.3-.8-.6-1.7-.8-2.9-.8-1.8 0-3.2.6-4.2 1.7s-1.6 2.8-1.6 4.9c0 2.4.5 4.1 1.6 5.3s2.4 1.8 4.1 1.8c.8 0 1.7-.2 2.5-.5s1.6-.7 2.2-1.2v-2.5h-4.4z" fill="#fff"/><g class="st0"><linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="45.214" y1="74.229" x2="58.667" y2="87.682" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset="0" stop-color="#d6ede8"/><stop offset=".297" stop-color="#d3ebe6"/><stop offset=".44" stop-color="#c7e3df"/><stop offset=".551" stop-color="#b7d8d5"/><stop offset=".645" stop-color="#a0cbc9"/><stop offset=".729" stop-color="#84bab9"/><stop offset=".804" stop-color="#62a7a7"/><stop offset=".874" stop-color="#349394"/><stop offset=".938" stop-color="#007f7f"/><stop offset=".998" stop-color="#006b6a"/><stop offset="1" stop-color="#006b69"/></linearGradient><path d="M45.2 1l26.9 26.7H45.2V1z" fill="url(#SVGID_2_)"/><path d="M45.2 1l26.9 26.7H45.2V1z" fill-opacity="0" stroke="#006e6c" stroke-width="2" stroke-linejoin="bevel"/></g><linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="36.25" y1="37.353" x2="36.25" y2="85.161" gradientTransform="matrix(1 0 0 -1 0 102)"><stop offset=".005" stop-color="#008281"/><stop offset=".343" stop-color="#006a69"/><stop offset="1" stop-color="#003836"/></linearGradient><path d="M62.7 56.8c-1.6-.8-4.6-6.6-9.2-7-4-.3-9.1-1.8-11.9-2-3.5-5.8-9.5-15-14.5-19.9l13.8.7C37.2 19.8 27.7 23 27.7 23l6.4-5.3c-8.2-3.3-11.6 4.7-11.6 4.7-8.5-4.7-12.9 3.3-12.9 3.3l8.8.6C8.4 29.1 11.2 39 11.2 39l8.9-8c-1.9 4.4 2.3 7.5 2.3 7.5L25 27.7s9.3 10.6 12.2 21.4c-3.7 1.9-9.5 5-14 5.6-6.2.8-13.5 5-13.5 5v4.9h53.1l-.1-7.8z" opacity=".99" fill="url(#SVGID_3_)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB