Add Section Icons

aljawaid · Dec 25, 2022 · 901338f · 901338f
1 parent de840a5
commit 901338f
Show file tree

Hide file tree

Showing 5 changed files with 138 additions and 3 deletions.
diff --git a/Assets/color-palette.svg b/Assets/color-palette.svg
diff --git a/Assets/css/color-manager.css b/Assets/css/color-manager.css
@@ -68,6 +68,11 @@ a:hover { color: var(--pp-red-alt-2) !important; }
     margin-top: 20px;
 }
 
+
+.color-manager-section-icon {
+    width: 1.2em;
+    vertical-align: text-bottom;
+}
 .colour-section {
     margin-bottom: 20px;
 }

diff --git a/Assets/palette-print-bordered.svg b/Assets/palette-print-bordered.svg
diff --git a/Assets/palette-print.svg b/Assets/palette-print.svg
diff --git a/Template/config/colors.php b/Template/config/colors.php
@@ -15,7 +15,10 @@
     </h2>
     <hr>
     <div class="color-manager-section">
-        <h3 class=""><?= t('Default Color Palette') ?><span class="colour-total-count-section"><?= count($defaultColours); ?></span></h3>
+        <h3 class="">
+            <img class="color-manager-section-icon" src="/plugins/ColorManager/Assets/palette-print.svg" alt="<?= t('Default Color Palette') ?>">
+            <?= t('Default Color Palette') ?> <span class="colour-total-count-section"><?= count($defaultColours); ?></span>
+        </h3>
     </div>
     <div class="colour-section">
         <ul class="">
@@ -62,7 +65,10 @@
     <hr>
 
     <div class="color-manager-section">
-        <h3 class=""><?= t('Extra Color Palette') ?> <span class="colour-total-count-section"><?= count($this->task->colorModelExt->getStaticColors()); ?></span></h3>
+        <h3 class="">
+            <img class="color-manager-section-icon" src="/plugins/ColorManager/Assets/palette-print-bordered.svg" alt="<?= t('Extra Color Palette') ?>">
+            <?= t('Extra Color Palette') ?> <span class="colour-total-count-section"><?= count($this->task->colorModelExt->getStaticColors()); ?></span>
+        </h3>
     </div>
 
     <div class="colour-boxes">
@@ -96,7 +102,10 @@
     <hr>
 
     <div class="color-manager-section">
-        <h3 class=""><?= t('Custom Color Palette') ?><span class="colour-total-count-section"><?= $customColours; ?></span></h3>
+        <h3 class="">
+            <img class="color-manager-section-icon" src="/plugins/ColorManager/Assets/color-palette.svg" alt="<?= t('Custom Color Palette') ?>">
+            <?= t('Custom Color Palette') ?><span class="colour-total-count-section"><?= $customColours; ?></span>
+        </h3>
     </div>
 
     <button class=""><?= $this->modal->small('plus', t('Add Color'), 'ColorManagerController', 'add', ['plugin' => 'colorManager'], false, 'popover') ?></button>