style: review style

mission-apprentissage · Nov 5, 2024 · 8f2ac85 · 8f2ac85
1 parent 71662dd
commit 8f2ac85
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 7 deletions.
diff --git a/server/src/services/widget/templates/assets/remixicon.light.symbol.svg b/server/src/services/widget/templates/assets/remixicon.light.symbol.svg
diff --git a/server/src/services/widget/templates/common/header.ejs b/server/src/services/widget/templates/common/header.ejs
@@ -149,7 +149,7 @@
   .card {
     margin-top: 10px;
     padding: 10px;
-    margin-bottom: 15px;
+    margin-bottom: 2rem;
   }
 
   .card-footer {
@@ -171,6 +171,12 @@
     margin-right: 0;
   }
 
+  .external-small[target=_blank]:after {
+    --icon-size: 0.75rem;
+    height: var(--icon-size);
+    width: var(--icon-size);
+  }
+
 
   @media screen and (min-width: <%=options.responsiveWidth %>) {}
 

diff --git a/server/src/services/widget/templates/stats/default.1.ejs b/server/src/services/widget/templates/stats/default.1.ejs
@@ -106,6 +106,13 @@
       vertical-align: text-top;
     }
 
+
+    .block-title .description {
+      font-size: 18px;
+      font-weight: 700;
+      line-height: 28px;
+    }
+
     .body-description {
       margin-bottom: 10px;
     }
@@ -314,7 +321,16 @@
 
     @media screen and (max-width: 30em) {
       .block-title {
-        font-size: 12px;
+        font-size: 16px;
+      }
+
+      .block-title .description {
+        font-size: 20px;
+      }
+
+      .block-title .icon {
+        width: 22px;
+        height: 22px;
       }
     }
   </style>
@@ -427,7 +443,7 @@
     <% } %>
 
     <div class="card-footer">
-      Données issues du dispositif <a target="_blank" href="https://beta.gouv.fr/startups/exposition-ij.html"><%= data.filiere === "superieur" ? "InserSup" : "InserJeunes" %></a> promotions <%= millesimesDouble ? millesimes[0] + " et " + millesimes[1] : millesimes[0] %>. <a target="_blank" href="https://documentation.exposition.inserjeunes.beta.gouv.fr/"> D’où viennent ces données ?</a>
+      Données issues du dispositif <a target="_blank" class="external-small" href="https://beta.gouv.fr/startups/exposition-ij.html"><%= data.filiere === "superieur" ? "InserSup" : "InserJeunes" %></a> promotions <%= millesimesDouble ? millesimes[0] + " et " + millesimes[1] : millesimes[0] %>. <a target="_blank" class="external-small" href="https://documentation.exposition.inserjeunes.beta.gouv.fr/"> D’où viennent ces données ?</a>
     </div>
   </div>
 </body>

diff --git a/server/src/services/widget/templates/stats/personas.1.ejs b/server/src/services/widget/templates/stats/personas.1.ejs
@@ -28,8 +28,10 @@
     <div class="block modal-link plausible-event-name=Modal+Open+<%= key %> <%= taux[key].value == 0 ? "grey-variant" : infos[key].colorText %>" onClick="showModal('<%= key %>')">
       <div class="block-title">
         <div>
-          <div><%= taux[key].description %></div>
-          <div><%= infos[key].title %> ⓘ</div>
+          <div class="description"><%= taux[key].description %></div>
+          <div><%= infos[key].title %> <svg class="remix icon">
+              <use xlink:href="#ri-information-line" />
+            </svg></div>
         </div>
       </div>
     </div>
@@ -42,11 +44,13 @@
   <% if (taux[key].value > 0) { %>
   <div onClick="showModal('<%= key %>')" class="block block-<%= key %> modal-link plausible-event-name=Modal+Open+<%= key %> <%= taux[key].value == 0 ? "grey-variant" : infos[key].colorText %>">
     <div class="block-title">
-      <div><%= taux[key].description %></div>
+      <div class="description"><%= taux[key].description %></div>
       <div>
         <svg class="remix icon">
           <use xlink:href="<%= infos[key].icon %>" />
-        </svg><%= infos[key].title %> ⓘ
+        </svg><%= infos[key].title %> <svg class="remix icon">
+          <use xlink:href="#ri-information-line" />
+        </svg>
       </div>
     </div>
   </div>