fix on UI album photo #2439

MTES-MCT · Apr 11, 2024 · a318c93 · a318c93
1 parent c8384c8
commit a318c93
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/assets/styles/histologe.scss b/assets/styles/histologe.scss
@@ -627,6 +627,29 @@ div.photos-album {
         text-align: right;
     }
 
+    .photos-album-swipe {
+        background-color: rgb(133, 133, 246);//blue-france-625
+        color: rgb(0, 0, 145);//blue-france-sun-113
+
+        &:active {
+            background: rgb(177,177,249);//blue-france-625-active
+        }
+        &:hover {
+            background: rgb(198,198,251);//var(--blue-france-625-hover);
+        }
+    }
+    .photos-album-btn-close {
+        background-color: rgb(133, 133, 246);//blue-france-625
+        color: rgb(0, 0, 145);//blue-france-sun-113
+
+        &:active {
+            background: rgb(177,177,249);//blue-france-625-active
+        }
+        &:hover {
+            background: rgb(198,198,251);//var(--blue-france-625-hover);
+        }
+    }
+
     .photos-album-navigation-container {
         display: flex;
         height: calc(100% - 4rem);

diff --git a/templates/back/signalement/view/photos-album.html.twig b/templates/back/signalement/view/photos-album.html.twig
@@ -1,6 +1,6 @@
 <div class="photos-album fr-hidden">
     <div class="photos-album-close-button-container">
-        <button class="photos-album-btn-close fr-btn">Fermer</button>
+        <button class="photos-album-btn-close fr-btn fr-btn--icon-left fr-icon-close-line">Fermer</button>
     </div>
     {% set loopLength = allPhotosOrdered|length %}
     <div class="photos-album-navigation-container">
@@ -19,7 +19,7 @@
                         alt="Photo ajoutée par : {{ photo.uploadedBy.nomComplet ?? 'N/R' }}"
                         >
                 </div>
-                <div>
+                <div class="fr-mt-1w">
                     {% if photo.documentType is not same as null
                         and photo.documentType is not same as enum('App\\Entity\\Enum\\DocumentType').AUTRE %}
                         {% if photo.documentType is same as enum('App\\Entity\\Enum\\DocumentType').PHOTO_SITUATION
@@ -35,7 +35,8 @@
                     {% if photo.description is not same as null %}
                         {{ photo.description }}
                     {% endif %}
-                    <br>
+                </div>
+                <div class="fr-mt-1w">
                     Photo ajoutée par {{ photo.uploadedBy.nomComplet ?? 'l\'usager' }}
                 </div>
             </div>