Update style + text

pantographe · Oct 11, 2023 · c0c18f6 · c0c18f6
1 parent 5beebe9
commit c0c18f6
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 14 deletions.
diff --git a/app/assets/stylesheets/components/caption_component.scss b/app/assets/stylesheets/components/caption_component.scss
@@ -23,10 +23,26 @@
     right: 20px;
     padding: 10px;
     min-width: 200px;
+    font-size: 13px;
     box-shadow: 0px 0px 10px darkgray;
     opacity: 0;
     visibility: hidden;
     transition: visibility 0s ease 0.33s, opacity 0.33s ease;
+
+    dl {
+      display: grid;
+      grid-template-columns: max-content auto;
+    }
+
+    dt {
+      grid-column-start: 1;
+      margin-right: 1rem;
+    }
+
+    dd {
+      grid-column-start: 2;
+      font-weight: normal;
+    }
   }
 
   &:hover, &:active {

diff --git a/app/views/rooms/_action_buttons.html.erb b/app/views/rooms/_action_buttons.html.erb
@@ -95,20 +95,36 @@
   <% end %>
 
   <%= render CaptionComponent.new do %>
-    <dl class="dl-horizontal">
-      <h5><%= t(".caption.ports")%> :</h5>
-      <dt><%= t(".caption.unreferenced_client")%> :</dt>
-      <dd>
+    <h5><%= t(".caption.ports")%> :</h5>
+    <dl>
+      <dt>
         <span class="pdu port_container unreferenced_client">
-          <a class="port pull-left portFC empty">01</a>
+          <a class="port portFC empty">01</a>
         </span>
-      </dd>
-      <dt><%= t(".caption.no_client")%> :</dt>
-      <dd>
+      </dt>
+      <dd><%= t(".caption.unreferenced_client")%></dd>
+      <dt>
         <span class="pdu port_container no_client">
-          <a class="port pull-left portFC empty">02</a>
+          <a class="port portFC empty">02</a>
         </span>
-      </dd>
+      </dt>
+      <dd><%= t(".caption.no_client")%></dd>
     </dl>
+      <!-- <div>
+        <span>
+          <span class="pdu port_container unreferenced_client">
+            <a class="port portFC empty">01</a>
+          </span>
+        </span>
+        <span><%= t(".caption.unreferenced_client")%></span>
+      </div>
+      <div>
+        <span>
+          <span class="pdu port_container no_client">
+            <a class="port portFC empty">02</a>
+          </span>
+        </span>
+        <span><%= t(".caption.no_client")%></span>
+      </div> -->
   <% end %>
 </span>
diff --git a/config/locales/en.yml b/config/locales/en.yml
@@ -3,5 +3,5 @@ en:
     action_buttons:
       caption:
         ports: Ports
-        unreferenced_client: Unreferenced client
-        no_client: No client
+        unreferenced_client: The corresponding port on the twin card is wired
+        no_client: The corresponding port on the twin card is not wired
diff --git a/config/locales/fr.yml b/config/locales/fr.yml
@@ -67,8 +67,8 @@ fr:
     action_buttons:
       caption:
         ports: Ports
-        unreferenced_client: Client non référencé
-        no_client: Aucun client
+        unreferenced_client: Le port correspondant de la carte jumelle est câblé
+        no_client: Le port correspondant de la carte jumelle n'est pas câblé
 
   views:
     pagination: